+ {/* Заголовок */}
+
+
+
+ {/* Основной контент с двумя блоками */}
+
+
+
+ Создание поставки расходников фулфилмента
++ Выберите поставщика и добавьте расходники в заказ для вашего фулфилмент-центра +
+
+ {/* Левая колонка - Поставщики и Расходники */}
+
+ {/* Блок "Поставщики" */}
+
+
+
+ {/* Блок "Расходники" */}
+
+
+
+
+ {/* Правая колонка - Корзина */}
+
+
+
+
+
+
+
+
+
+
+
+ {selectedSupplier && (
+
+ )}
+
+ {counterpartiesLoading ? (
+
+
+
+
+ ) : filteredSuppliers.length === 0 ? (
+ Загружаем поставщиков...
+
+
+ ) : (
+
+
+ + {searchQuery ? 'Поставщики не найдены' : 'Добавьте поставщиков'} +
+
+ {filteredSuppliers.slice(0, 7).map((supplier: FulfillmentConsumableSupplier, index: number) => (
+ setSelectedSupplier(supplier)}
+ >
+
+ ))}
+ {filteredSuppliers.length > 7 && (
+
+ )}
+
+
+
+ {/* Hover эффект */}
+
+
+ ({
+ id: user.id,
+ avatar: user.avatar,
+ })),
+ }}
+ size="sm"
+ />
+ {selectedSupplier?.id === supplier.id && (
+
+
+ ✓
+
+ )}
+
+
+ + {(supplier.name || supplier.fullName || 'Поставщик').slice(0, 10)} +
+
+ ★
+ 4.5
+
+
+
+
+
+
+ )}
+ +{filteredSuppliers.length - 7}
+ ещё
+
+
+
+
+
+
+
+ {selectedSupplier && (
+
+
+
+
+ )}
+
+ {!selectedSupplier ? (
+
+
+
+ ) : productsLoading ? (
+ Выберите поставщика для просмотра расходников
+
+
+
+ ) : supplierProducts.length === 0 ? (
+ Загрузка...
+
+
+ ) : (
+ Нет доступных расходников
+
+ {supplierProducts.map((product: FulfillmentConsumableProduct, index: number) => {
+ const selectedQuantity = getSelectedQuantity(product.id)
+ return (
+ 0
+ ? 'ring-2 ring-green-400/50 bg-gradient-to-br from-green-500/20 via-green-400/10 to-green-500/20'
+ : 'hover:from-white/20 hover:via-white/10 hover:to-white/20 hover:border-white/40'
+ }`}
+ style={{
+ animationDelay: `${index * 50}ms`,
+ minHeight: '200px',
+ width: '100%',
+ }}
+ >
+
+ )
+ })}
+
+ )}
+
+ {/* Изображение товара */}
+
+
+ {/* Hover эффект */}
+
+
+ {/* 🚫 ОВЕРЛЕЙ НЕДОСТУПНОСТИ */}
+ {(() => {
+ const totalStock = product.stock || (product as any).quantity || 0
+ const orderedStock = (product as any).ordered || 0
+ const availableStock = totalStock - orderedStock
+
+ if (availableStock <= 0) {
+ return (
+
+
+ {/* Информация о товаре */}
+
+
+ )
+ }
+ return null
+ })()}
+ {product.images && product.images.length > 0 && product.images[0] ? (
+
+
+ НЕТ В НАЛИЧИИ
+
+
+ )}
+ {selectedQuantity > 0 && (
+
+
+ {selectedQuantity > 999 ? '999+' : selectedQuantity}
+
+
+ )}
+
+
+
+ {/* Управление количеством */}
+ + {product.name} +
+
+ {product.category && (
+
+ {product.category.name.slice(0, 10)}
+
+ )}
+ {/* 🚨 ИНДИКАТОР НИЗКИХ ОСТАТКОВ согласно правилам (раздел 6.3) */}
+ {(() => {
+ const totalStock = product.stock || product.quantity || 0
+ const orderedStock = product.ordered || 0
+ const availableStock = totalStock - orderedStock
+
+ if (availableStock <= 0) {
+ return (
+
+ Нет в наличии
+
+ )
+ } else if (availableStock <= 10) {
+ return (
+
+ Мало остатков
+
+ )
+ }
+ return null
+ })()}
+
+
+
+ {formatCurrency(product.price)}
+
+ {/* 📊 АКТУАЛЬНЫЙ ОСТАТОК согласно правилам (раздел 6.4.2) */}
+
+
+ {(() => {
+ const totalStock = product.stock || product.quantity || 0
+ const orderedStock = product.ordered || 0
+ const availableStock = totalStock - orderedStock
+
+ return (
+
+
+
+ Доступно: {availableStock}
+
+ {orderedStock > 0 && (
+ Заказано: {orderedStock}
+ )}
+
+ )
+ })()}
+
+ {(() => {
+ const totalStock = product.stock || (product as any).quantity || 0
+ const orderedStock = (product as any).ordered || 0
+ const availableStock = totalStock - orderedStock
+
+ return (
+
+
+
+ {
+ let inputValue = e.target.value
+
+ // Удаляем все нецифровые символы
+ inputValue = inputValue.replace(/[^0-9]/g, '')
+
+ // Удаляем ведущие нули
+ inputValue = inputValue.replace(/^0+/, '')
+
+ // Если строка пустая после удаления нулей, устанавливаем 0
+ const numericValue = inputValue === '' ? 0 : parseInt(inputValue)
+
+ // Ограничиваем значение максимумом доступного остатка
+ const clampedValue = Math.min(numericValue, availableStock, 99999)
+
+ updateConsumableQuantity(product.id, clampedValue)
+ }}
+ onBlur={(e) => {
+ // При потере фокуса, если поле пустое, устанавливаем 0
+ if (e.target.value === '') {
+ updateConsumableQuantity(product.id, 0)
+ }
+ }}
+ className="w-16 h-7 text-center text-sm bg-white/10 border-white/20 text-white rounded px-1 focus:ring-2 focus:ring-purple-400/50 focus:border-purple-400/50"
+ placeholder="0"
+ />
+
+
+ )
+ })()}
+
+ {selectedQuantity > 0 && (
+
+
+ {formatCurrency(product.price * selectedQuantity)}
+
+
+ )}
+
+
+
+
+
+ {selectedConsumables.length === 0 ? (
+
+
+
+ {selectedConsumables.length === 0 ? (
+
+
+ ) : (
+
+
+ Корзина пуста
+Добавьте расходники для создания поставки
+
+ {selectedConsumables.map((consumable) => (
+
+ )}
+
+
+
+ ))}
+
+
+ {consumable.name}
++ {formatCurrency(consumable.price)} × {consumable.selectedQuantity} +
+
+
+ {formatCurrency(consumable.price * consumable.selectedQuantity)}
+
+
+
+
+
+
+ setDeliveryDate(e.target.value)}
+ className="bg-white/10 border-white/20 text-white h-8 text-sm"
+ min={new Date().toISOString().split('T')[0]}
+ required
+ />
+
+
+ {/* Выбор логистики */}
+
+
+
+
+ {/* Заметки */}
+
+
+
+
+
+
+
+
+