feat: Восстановить классические карточки добавления новых ASN, доменов и IP-диапазонов в соответствующих менеджерах, улучшив интерфейс для ввода данных пользователем

frontend/src/ASNsNewManager.jsx

@@ -466,6 +466,64 @@ function ASNsNewManager() {
       />
       <div className="row">
         <div className="col-lg-3">
+          {/* Classic Add New ASN Card (restored) */}
+          <div className="card card-md">
+            <div className="card-header">
+              <h3 className="card-title">
+                <IconPlus className="icon me-2" />
+                Добавить новый ASN
+              </h3>
+            </div>
+            <div className="card-body">
+              <form onSubmit={(e) => { e.preventDefault(); handleAddItem(); }}>
+                <div className="mb-3">
+                  <label className="form-label">Номер AS</label>
+                  <input
+                    type="text"
+                    className={`form-control${newInvalid.asn ? ' is-invalid' : ''}`}
+                    placeholder="12345"
+                    value={newItem.asn}
+                    onChange={(e) => setNewItem({ ...newItem, asn: e.target.value })}
+                  />
+                  {newInvalid.asn && <div className="invalid-feedback">Только цифры</div>}
+                  <div className="form-text">Формат: только цифры, например 12345</div>
+                </div>
+                <div className="mb-3">
+                  <label className="form-label">Community</label>
+                  <CommunityAutocompleteInput
+                    value={newItem.community}
+                    onChange={(v) => setNewItem({ ...newItem, community: v })}
+                    communities={communities}
+                    placeholder="Начните вводить номер или имя"
+                    className={`form-control${newInvalid.community ? ' is-invalid' : ''}`}
+                  />
+                  {newInvalid.community && <div className="invalid-feedback">Только цифры</div>}
+                  <div className="form-text">Формат: N или N:N (например 65000:100)</div>
+                  {(() => {
+                    const match = communities.find(c => c.value === String(newItem.community).trim());
+                    if (!match) return null;
+                    return (
+                      <div className="form-text">
+                        {match.name && (<><strong>{match.name}</strong> — </>)}
+                        {match.description || ''}
+                        {match.tags && match.tags.length > 0 && (
+                          <> (<span className="text-muted">{match.tags.join(', ')}</span>)</>
+                        )}
+                      </div>
+                    );
+                  })()}
+                </div>
+                <div className="form-footer">
+                  <button type="submit" className="btn btn-primary w-100">
+                    <IconPlus className="icon me-2" />
+                    Добавить
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+
+          {/* QuickAdd stays for batch input */}
           <QuickAddBar
             placeholder={'12345 65000:100'}
             help={'Вставьте строки: ASN ПРОБЕЛ COMMUNITY'}