Update app.py

app.py

@@ -260,7 +260,13 @@ TEMPLATE = """
             background-color: var(--tg-theme-secondary-bg-color);
             border-radius: var(--border-radius-m); padding: 20px;
         }
-        .promo-card .card-label { font-size: 1em; font-weight: 500; color: var(--tg-theme-hint-color); margin-bottom: 12px; text-align: center; }
+        .promo-card .card-label-container { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; }
+        .promo-card .card-label { font-size: 1em; font-weight: 500; color: var(--tg-theme-hint-color); }
+        .info-icon {
+            font-weight: bold; cursor: pointer; color: var(--tg-theme-hint-color);
+            border: 1.5px solid var(--tg-theme-hint-color); border-radius: 50%; width: 20px; height: 20px;
+            display: inline-flex; justify-content: center; align-items: center; font-size: 0.8em;
+        }
         .promo-code-display {
             display: flex; align-items: center; justify-content: center; gap: 12px;
             background-color: rgba(0,0,0,0.2); border-radius: 12px; padding: 12px;
@@ -330,7 +336,7 @@ TEMPLATE = """
             max-height: 90vh; overflow-y: auto; animation: slideUp 0.3s ease-out;
         }
         @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
-        .modal-close {
+        .modal-close-handle {
             position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
             width: 40px; height: 5px; background-color: var(--tg-theme-hint-color);
             border-radius: 3px; cursor: pointer;
@@ -345,11 +351,12 @@ TEMPLATE = """
         .item-total { font-weight: 700; flex-basis: 20%; text-align: right; color: var(--tg-theme-button-color); }
         .invoice-total-display {
             padding-top: var(--padding-m); border-top: 1px solid rgba(255,255,255,0.2); margin-top: var(--padding-m);
-            display: flex; justify-content: space-between; font-size: 1.2em; font-weight: 700;
+            display: flex; flex-direction: column; gap: 8px; font-size: 1.1em; font-weight: 600;
         }
-        #promoCodeModal .modal-content { align-items: center; text-align: center; padding: 40px 24px 24px; }
-        #promoCodeModal h2 { margin-bottom: 12px; }
-        #promoCodeModal p { color: var(--tg-theme-hint-color); margin-bottom: 20px; }
+        .total-row { display: flex; justify-content: space-between; }
+        #promoCodeModal .modal-content, #promoInfoModal .modal-content { align-items: center; text-align: center; padding: 40px 24px 24px; }
+        #promoCodeModal h2, #promoInfoModal h2 { margin-bottom: 12px; }
+        #promoCodeModal p, #promoInfoModal p { color: var(--tg-theme-hint-color); margin-bottom: 20px; line-height: 1.5; }
         #promoCodeModal input {
             width: 100%; padding: 16px; margin-bottom: 16px; font-size: 1.2em;
             background-color: var(--tg-theme-bg-color); border: 1px solid rgba(255,255,255,0.1);
@@ -357,11 +364,11 @@ TEMPLATE = """
             text-align: center; letter-spacing: 2px;
         }
         #promoCodeModal .promo-modal-actions { display: flex; gap: 1rem; width: 100%; }
-        #promoCodeModal button {
+        #promoCodeModal button, .btn-close-modal {
             flex-grow: 1; padding: 16px; font-size: 1em; font-weight: 700; border: none;
             border-radius: var(--border-radius-m); cursor: pointer; transition: all 0.2s;
         }
-        .btn-apply-promo { background-color: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); }
+        .btn-apply-promo, .btn-close-modal { background-color: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); }
         .btn-skip-promo { background-color: var(--tg-theme-secondary-bg-color); color: var(--tg-theme-text-color); }
         #promoStatus { margin-top: 1rem; font-weight: 500; min-height: 20px; }
     </style>
@@ -393,7 +400,10 @@ TEMPLATE = """
                 </div>
             </section>
             <section class="promo-card">
-                <p class="card-label">Ваш промокод для друзей</p>
+                <div class="card-label-container">
+                    <p class="card-label">Ваш промокод для друзей</p>
+                    <span class="info-icon" onclick="openModal('promoInfoModal')">?</span>
+                </div>
                 <div class="promo-code-display">
                     <span class="promo-code-value" id="userPromoCode">{{ user.referral_code }}</span>
                     <button class="copy-btn" onclick="copyPromoCode()">Копировать</button>
@@ -439,8 +449,8 @@ TEMPLATE = """
                                         <span class="history-description">{{ item.description }}</span>
                                         <span class="history-date">{{ item.date_str }}</span>
                                     </div>
-                                    <span class="history-amount referral">
-                                        +{{ "%.2f"|format(item.amount|float) }}
+                                    <span class="history-amount {{ 'referral' if item.type == 'accrual' else 'negative' }}">
+                                        {{ '+' if item.type == 'accrual' else '-' }}{{ "%.2f"|format(item.amount|float) }}
                                     </span>
                                 {% endif %}
                             </li>
@@ -529,13 +539,19 @@ TEMPLATE = """
     </div>
     <div id="invoiceDetailModal" class="modal">
         <div class="modal-content">
-            <div class="modal-close" onclick="closeModal('invoiceDetailModal')"></div>
+            <div class="modal-close-handle" onclick="closeModal('invoiceDetailModal')"></div>
             <h2 id="invoiceDetailTitle" class="modal-title"></h2>
             <ul id="invoiceDetailList" class="invoice-detail-list"></ul>
-            <div id="invoiceDetailTotal" class="invoice-total-display">
-                <span>Итого:</span>
-                <span id="invoiceTotalAmount">0.00</span>
-            </div>
+            <div id="invoiceDetailTotal" class="invoice-total-display"></div>
+        </div>
+    </div>
+    <div id="promoInfoModal" class="modal">
+        <div class="modal-content">
+            <h2 class="modal-title">Как это работает?</h2>
+            <p>
+                Передайте ваш промокод другу. При активации промокода он получит <strong>{{ bonus_settings.referral_promo_bonus|int }} бонусов</strong>, а вы получите <strong>{{ bonus_settings.referrer_first_purchase_percentage|float }}%</strong> на ваш бонусный счет "от друзей" с его первой покупки.
+            </p>
+            <button class="btn-close-modal" onclick="closeModal('promoInfoModal')" style="width: 100%;">Понятно</button>
         </div>
     </div>
     {% if is_first_visit %}
@@ -637,7 +653,16 @@ TEMPLATE = """
                 li.innerHTML = `<span class="item-name">${item.product_name}</span><span class="item-qty-price">${item.quantity} x ${parseFloat(item.unit_price).toFixed(2)}</span><span class="item-total">${parseFloat(item.item_total).toFixed(2)}</span>`;
                 invoiceDetailList.appendChild(li);
             });
-            document.getElementById('invoiceTotalAmount').textContent = parseFloat(invoiceData.total_amount).toFixed(2);
+            const totalDisplay = document.getElementById('invoiceDetailTotal');
+            const totalAmount = parseFloat(invoiceData.total_amount);
+            const bonusesDeducted = parseFloat(invoiceData.bonuses_deducted || 0);
+
+            let totalHtml = `<div class="total-row"><span>Итого:</span><span>${totalAmount.toFixed(2)}</span></div>`;
+            if (bonusesDeducted > 0) {
+                totalHtml += `<div class="total-row"><span>Списано бонусов:</span><span style="color: var(--brand-red);">- ${bonusesDeducted.toFixed(2)}</span></div>`;
+                totalHtml += `<div class="total-row" style="margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,0.1);"><strong>К оплате:</strong><strong>${(totalAmount - bonusesDeducted).toFixed(2)}</strong></div>`;
+            }
+            totalDisplay.innerHTML = totalHtml;
             openModal('invoiceDetailModal');
         }
         
@@ -786,7 +811,9 @@ ADMIN_TEMPLATE = """
         .history-item .amount.bonus-deduction { color: var(--admin-danger); font-weight: 600; }
         .history-item .amount.debt-accrual { color: var(--admin-danger); font-weight: 600; }
         .history-item .amount.debt-payment { color: var(--admin-success); font-weight: 600; }
-        .history-item .amount.referral-accrual { color: var(--admin-info); font-weight: 600; }
+        .history-item .amount.referral-accrual, .history-item .amount.referral-deduction { font-weight: 600; }
+        .history-item .amount.referral-accrual { color: var(--admin-info); }
+        .history-item .amount.referral-deduction { color: var(--admin-danger); }
         .modal-footer { margin-top: 1.5rem; display: flex; justify-content: flex-end; align-items: center; gap: 1rem;}
         .modal-footer button { padding: 12px 25px; font-size: 1.1em; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; }
         .btn-submit { background-color: var(--admin-success); color: white; }
@@ -821,7 +848,11 @@ ADMIN_TEMPLATE = """
         .item-name { flex-basis: 60%; }
         .item-qty-price { flex-basis: 20%; text-align: right; color: #6c757d; }
         .item-total { flex-basis: 20%; text-align: right; font-weight: bold; }
-        .invoice-total-display { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dee2e6; display: flex; justify-content: space-between; font-size: 1.2em; font-weight: bold; }
+        .invoice-total-display { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dee2e6; display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.1em; }
+        .invoice-total-display div { display: flex; justify-content: space-between; }
+        .invoice-total-display strong { font-weight: bold; }
+        .bonus-type-selector { display: flex; gap: 15px; margin-bottom: 1rem; }
+        .bonus-type-selector label { font-weight: 500; }
     </style>
 </head>
 <body>
@@ -904,29 +935,39 @@ ADMIN_TEMPLATE = """
         </div>
         <input type="hidden" id="modalUserId">
         <div class="tab-buttons">
-            <button class="tab-btn active" data-tab="bonus-debt-tab">Бонусы и долги</button>
+            <button class="tab-btn active" data-tab="bonus-debt-tab">Счета</button>
             <button class="tab-btn" data-tab="invoice-tab">Накладные</button>
-            <button class="tab-btn" data-tab="referral-history-tab">История от друзей</button>
+            <button class="tab-btn" data-tab="history-tab">История</button>
         </div>
         <div id="bonus-debt-tab" class="tab-content active">
-            <div class="form-section">
-                <h3>Бонусы</h3>
+             <div class="form-section">
+                <h3>Основные бонусы</h3>
                 <div class="form-row">
                     <div class="form-group">
-                        <label for="accrueAmount">Начислить бонусов</label>
-                        <input type="number" id="accrueAmount" placeholder="50" oninput="updateCalculations()">
+                        <label for="accrueAmount">Начислить</label>
+                        <input type="number" id="accrueAmount" placeholder="0" oninput="updateCalculations()">
                     </div>
                     <div class="form-group">
-                        <label for="deductAmount">Списать бонусов</label>
-                        <input type="number" id="deductAmount" placeholder="100" oninput="updateCalculations()">
+                        <label for="deductAmount">Списать</label>
+                        <input type="number" id="deductAmount" placeholder="0" oninput="updateCalculations()">
                     </div>
                 </div>
                 <div class="calculation-summary">
                     <div class="summary-item"><span>Текущий баланс:</span> <strong id="summaryCurrentBalance">0.00</strong></div>
-                    <div class="summary-item"><span>Будет начислено:</span> <strong id="summaryAccrual">+0.00</strong></div>
-                    <div class="summary-item"><span>Будет списано:</span> <strong id="summaryDeduction">-0.00</strong></div>
-                    <hr>
-                    <div class="summary-item"><strong>Итоговый баланс бонусов:</strong> <strong id="summaryFinalBalance">0.00</strong></div>
+                    <div class="summary-item"><strong>Итоговый баланс:</strong> <strong id="summaryFinalBalance">0.00</strong></div>
+                </div>
+            </div>
+             <div class="form-section">
+                <h3>Бонусы от друзей</h3>
+                 <div class="form-row">
+                    <div class="form-group">
+                        <label for="deductReferralAmount">Списать</label>
+                        <input type="number" id="deductReferralAmount" placeholder="0" oninput="updateCalculations()">
+                    </div>
+                </div>
+                <div class="calculation-summary">
+                    <div class="summary-item"><span>Текущий баланс:</span> <strong id="summaryCurrentReferralBalance">0.00</strong></div>
+                    <div class="summary-item"><strong>Итоговый баланс:</strong> <strong id="summaryFinalReferralBalance">0.00</strong></div>
                 </div>
             </div>
             <div class="form-section">
@@ -934,25 +975,18 @@ ADMIN_TEMPLATE = """
                 <div class="form-row">
                      <div class="form-group">
                         <label for="addDebtAmount">Добавить долг</label>
-                        <input type="number" id="addDebtAmount" placeholder="500" oninput="updateCalculations()">
+                        <input type="number" id="addDebtAmount" placeholder="0" oninput="updateCalculations()">
                     </div>
                     <div class="form-group">
                         <label for="repayDebtAmount">Погасить долг</label>
-                        <input type="number" id="repayDebtAmount" placeholder="200" oninput="updateCalculations()">
+                        <input type="number" id="repayDebtAmount" placeholder="0" oninput="updateCalculations()">
                     </div>
                 </div>
                 <div class="calculation-summary">
                     <div class="summary-item"><span>Текущий долг:</span> <strong id="summaryCurrentDebt">0.00</strong></div>
-                    <div class="summary-item"><span>Будет добавлено:</span> <strong id="summaryAddDebt">+0.00</strong></div>
-                    <div class="summary-item"><span>Будет погашено:</span> <strong id="summaryRepayDebt">-0.00</strong></div>
-                    <hr>
                     <div class="summary-item"><strong>Итоговый долг:</strong> <strong id="summaryFinalDebt">0.00</strong></div>
                 </div>
             </div>
-            <div class="history-container">
-                <h3>Общая история операций</h3>
-                <ul id="modalHistoryList" class="history-list"></ul>
-            </div>
             <div class="modal-footer">
                 <div id="modalStatus" class="status-message"></div>
                 <button class="btn-submit" onclick="submitTransaction()">Провести операцию</button>
@@ -980,9 +1014,13 @@ ADMIN_TEMPLATE = """
             </div>
             <div class="form-section">
                 <h3>Оплата бонусами</h3>
-                <p>Доступно бонусов для списания: <strong id="invoiceAvailableBonuses">0.00</strong></p>
+                <div class="bonus-type-selector">
+                    <label><input type="radio" name="bonus_type" value="regular" onchange="updateNewInvoiceTotal()" checked> Обычные</label>
+                    <label><input type="radio" name="bonus_type" value="referral" onchange="updateNewInvoiceTotal()"> От друзей</label>
+                </div>
+                <p>Доступно для списания: <strong id="invoiceAvailableBonuses">0.00</strong></p>
                 <div class="form-group">
-                    <label for="invoiceDeductBonuses">Списать бонусов (не более суммы накладной)</label>
+                    <label for="invoiceDeductBonuses">Списать бонусов</label>
                     <input type="number" id="invoiceDeductBonuses" oninput="updateNewInvoiceTotal()" placeholder="0.00" step="0.01">
                 </div>
                 <div class="invoice-section-summary">
@@ -993,15 +1031,15 @@ ADMIN_TEMPLATE = """
                 <div id="invoiceStatus" class="status-message"></div>
                 <button class="btn-submit" onclick="submitInvoice()">Сохранить накладную</button>
             </div>
-            <div class="history-container">
+             <div class="history-container">
                 <h3>История накладных клиента</h3>
                 <ul id="modalInvoiceList" class="invoice-list-admin"></ul>
             </div>
         </div>
-        <div id="referral-history-tab" class="tab-content">
+        <div id="history-tab" class="tab-content">
             <div class="history-container">
-                <h3>История бонусов от друзей</h3>
-                <ul id="modalReferralHistoryList" class="history-list"></ul>
+                <h3>Общая история операций</h3>
+                <ul id="modalHistoryList" class="history-list"></ul>
             </div>
         </div>
       </div>
@@ -1124,10 +1162,8 @@ ADMIN_TEMPLATE = """
             document.getElementById('modalUserId').value = userData.id;
             document.getElementById('modalUserName').textContent = `${userData.first_name || ''} ${userData.last_name || ''}`;
             document.getElementById('modalUserUsername').textContent = `@${userData.username || userData.phone_number || ''} | ID: ${userData.id}`;
-            ['accrueAmount', 'deductAmount', 'addDebtAmount', 'repayDebtAmount'].forEach(id => document.getElementById(id).value = '');
+            ['accrueAmount', 'deductAmount', 'addDebtAmount', 'repayDebtAmount', 'deductReferralAmount', 'invoiceDeductBonuses'].forEach(id => document.getElementById(id).value = '');
             ['modalStatus', 'invoiceStatus'].forEach(id => document.getElementById(id).textContent = '');
-            document.getElementById('invoiceDeductBonuses').value = '';
-            document.getElementById('invoiceAvailableBonuses').textContent = (parseFloat(userData.bonuses) || 0).toFixed(2);
             
             newInvoiceItems = [];
             renderNewInvoiceItems();
@@ -1152,11 +1188,11 @@ ADMIN_TEMPLATE = """
                         sign = item.type === 'accrual' ? '+' : '-';
                         amountClass = item.type === 'accrual' ? 'bonus-accrual' : 'bonus-deduction';
                     } else if (item.transaction_type === 'debt') {
-                        sign = item.type === 'accrual' ? '+' : '-';
-                        amountClass = item.type === 'accrual' ? 'debt-accrual' : 'debt-payment';
+                        sign = item.type === 'payment' ? '-' : '+';
+                        amountClass = item.type === 'payment' ? 'debt-payment' : 'debt-accrual';
                     } else if (item.transaction_type === 'referral') {
-                        sign = '+';
-                        amountClass = 'referral-accrual';
+                        sign = item.type === 'accrual' ? '+' : '-';
+                        amountClass = item.type === 'accrual' ? 'referral-accrual' : 'referral-deduction';
                     }
                     amountText = `${sign}${parseFloat(item.amount).toFixed(2)}`;
                     li.innerHTML = `<div><div class="desc">${item.description}</div><div class="date">${item.date_str}</div></div><div class="amount ${amountClass}">${amountText}</div>`;
@@ -1165,20 +1201,6 @@ ADMIN_TEMPLATE = """
             } else {
                 historyList.innerHTML = '<li style="text-align:center; padding: 1rem; color: var(--admin-secondary);">Нет истории</li>';
             }
-            
-            const modalReferralHistoryList = document.getElementById('modalReferralHistoryList');
-            modalReferralHistoryList.innerHTML = '';
-            if (referralHistory.length > 0) {
-                 referralHistory.forEach(item => {
-                    const li = document.createElement('li');
-                    li.className = 'history-item';
-                    li.innerHTML = `<div><div class="desc">${item.description}</div><div class="date">${item.date_str}</div></div><div class="amount referral-accrual">+${parseFloat(item.amount).toFixed(2)}</div>`;
-                    modalReferralHistoryList.appendChild(li);
-                });
-            } else {
-                 modalReferralHistoryList.innerHTML = '<li style="text-align:center; padding: 1rem; color: var(--admin-secondary);">Нет бонусов от друзей.</li>';
-            }
-
 
             const modalInvoiceList = document.getElementById('modalInvoiceList');
             modalInvoiceList.innerHTML = '';
@@ -1260,23 +1282,31 @@ ADMIN_TEMPLATE = """
             if (!currentUserData) return;
             const currentBalance = parseFloat(currentUserData.bonuses) || 0;
             const accrueAmount = parseFloat(document.getElementById('accrueAmount').value) || 0;
-            const deductAmount = parseFloat(document.getElementById('deductAmount').value) || 0;
+            const deductAmountInput = document.getElementById('deductAmount');
+            const deductAmount = parseFloat(deductAmountInput.value) || 0;
             let finalDeductAmount = Math.min(deductAmount, currentBalance);
-            if (deductAmount > currentBalance) document.getElementById('deductAmount').value = finalDeductAmount > 0 ? finalDeductAmount.toFixed(2) : '';
+            if (deductAmount > currentBalance) deductAmountInput.value = finalDeductAmount > 0 ? finalDeductAmount.toFixed(2) : '';
             const finalBalance = currentBalance + accrueAmount - finalDeductAmount;
             document.getElementById('summaryCurrentBalance').textContent = currentBalance.toFixed(2);
-            document.getElementById('summaryAccrual').textContent = `+${accrueAmount.toFixed(2)}`;
-            document.getElementById('summaryDeduction').textContent = `-${finalDeductAmount.toFixed(2)}`;
             document.getElementById('summaryFinalBalance').textContent = finalBalance.toFixed(2);
+
+            const currentReferralBalance = parseFloat(currentUserData.referral_bonuses) || 0;
+            const deductReferralAmountInput = document.getElementById('deductReferralAmount');
+            const deductReferralAmount = parseFloat(deductReferralAmountInput.value) || 0;
+            let finalDeductReferralAmount = Math.min(deductReferralAmount, currentReferralBalance);
+            if (deductReferralAmount > currentReferralBalance) deductReferralAmountInput.value = finalDeductReferralAmount > 0 ? finalDeductReferralAmount.toFixed(2) : '';
+            const finalReferralBalance = currentReferralBalance - finalDeductReferralAmount;
+            document.getElementById('summaryCurrentReferralBalance').textContent = currentReferralBalance.toFixed(2);
+            document.getElementById('summaryFinalReferralBalance').textContent = finalReferralBalance.toFixed(2);
+
             const currentDebt = parseFloat(currentUserData.debts) || 0;
             const addDebtAmount = parseFloat(document.getElementById('addDebtAmount').value) || 0;
-            const repayDebtAmount = parseFloat(document.getElementById('repayDebtAmount').value) || 0;
+            const repayDebtAmountInput = document.getElementById('repayDebtAmount');
+            const repayDebtAmount = parseFloat(repayDebtAmountInput.value) || 0;
             let finalRepayAmount = Math.min(repayDebtAmount, currentDebt);
-            if (repayDebtAmount > currentDebt) document.getElementById('repayDebtAmount').value = finalRepayAmount > 0 ? finalRepayAmount.toFixed(2) : '';
+            if (repayDebtAmount > currentDebt) repayDebtAmountInput.value = finalRepayAmount > 0 ? finalRepayAmount.toFixed(2) : '';
             const finalDebt = currentDebt + addDebtAmount - finalRepayAmount;
             document.getElementById('summaryCurrentDebt').textContent = currentDebt.toFixed(2);
-            document.getElementById('summaryAddDebt').textContent = `+${addDebtAmount.toFixed(2)}`;
-            document.getElementById('summaryRepayDebt').textContent = `-${finalRepayAmount.toFixed(2)}`;
             document.getElementById('summaryFinalDebt').textContent = finalDebt.toFixed(2);
         }
 
@@ -1288,6 +1318,7 @@ ADMIN_TEMPLATE = """
                 user_id: document.getElementById('modalUserId').value,
                 accrue_amount: parseFloat(document.getElementById('accrueAmount').value) || 0,
                 deduct_amount: parseFloat(document.getElementById('deductAmount').value) || 0,
+                deduct_referral_amount: parseFloat(document.getElementById('deductReferralAmount').value) || 0,
                 add_debt_amount: parseFloat(document.getElementById('addDebtAmount').value) || 0,
                 repay_debt_amount: parseFloat(document.getElementById('repayDebtAmount').value) || 0,
             };
@@ -1411,7 +1442,12 @@ ADMIN_TEMPLATE = """
             const newRow = tableBody.insertRow();
             const rowIndex = tableBody.rows.length - 1;
             newInvoiceItems.push({ product_name: '', quantity: 1, unit_price: 0, item_total: 0 });
-            newRow.innerHTML = `<td><input type="text" placeholder="Название товара" oninput="updateInvoiceItem(${rowIndex}, 'product_name', this.value)"></td><td><input type="number" step="1" min="1" value="1" placeholder="1" oninput="updateInvoiceItem(${rowIndex}, 'quantity', parseFloat(this.value))"></td><td><input type="number" step="0.01" min="0" placeholder="0.00" oninput="updateInvoiceItem(${rowIndex}, 'unit_price', parseFloat(this.value))"></td><td class="item-total-display">0.00</td><td><button class="action-btn" onclick="removeInvoiceItemRow(this, ${rowIndex})">🗑️</button></td>`;
+            newRow.innerHTML = `<td><input type="text" placeholder="Название товара" oninput="updateInvoiceItem(${rowIndex}, 'product_name', this.value)"></td><td><input type="number" step="1" min="1" value="1" placeholder="1" oninput="updateInvoiceItem(${rowIndex}, 'quantity', parseFloat(this.value))"></td><td><input type="number" step="0.01" min="0" placeholder="0.00" oninput="updateInvoiceItem(${rowIndex}, 'unit_price', parseFloat(this.value))"></td><td class="item-total-display">0.00</td><td><button class="action-btn" onclick="removeInvoiceItemRow(${rowIndex})">🗑️</button></td>`;
+        }
+        
+        function removeInvoiceItemRow(index) {
+            newInvoiceItems.splice(index, 1);
+            renderNewInvoiceItems();
         }
 
         function updateInvoiceItem(index, field, value) {
@@ -1419,25 +1455,17 @@ ADMIN_TEMPLATE = """
                 newInvoiceItems[index][field] = value;
                 const qty = parseFloat(newInvoiceItems[index].quantity) || 0;
                 const price = parseFloat(newInvoiceItems[index].unit_price) || 0;
-                const itemTotal = qty * price;
-                newInvoiceItems[index].item_total = itemTotal;
-                const tableBody = document.getElementById('newInvoiceItemsTable').getElementsByTagName('tbody')[0];
-                tableBody.rows[index].querySelector('.item-total-display').textContent = itemTotal.toFixed(2);
-                updateNewInvoiceTotal();
+                newInvoiceItems[index].item_total = qty * price;
+                renderNewInvoiceItems();
             }
         }
-
-        function removeInvoiceItemRow(button, index) {
-            newInvoiceItems.splice(index, 1);
-            renderNewInvoiceItems();
-        }
         
         function renderNewInvoiceItems() {
             const tableBody = document.getElementById('newInvoiceItemsTable').getElementsByTagName('tbody')[0];
             tableBody.innerHTML = '';
             newInvoiceItems.forEach((item, index) => {
                 const newRow = tableBody.insertRow();
-                newRow.innerHTML = `<td><input type="text" placeholder="Название товара" value="${item.product_name}" oninput="updateInvoiceItem(${index}, 'product_name', this.value)"></td><td><input type="number" step="1" min="1" placeholder="1" value="${item.quantity || '1'}" oninput="updateInvoiceItem(${index}, 'quantity', parseFloat(this.value))"></td><td><input type="number" step="0.01" min="0" placeholder="0.00" value="${item.unit_price || ''}" oninput="updateInvoiceItem(${index}, 'unit_price', parseFloat(this.value))"></td><td class="item-total-display">${(item.item_total || 0).toFixed(2)}</td><td><button class="action-btn" onclick="removeInvoiceItemRow(this, ${index})">🗑️</button></td>`;
+                newRow.innerHTML = `<td><input type="text" placeholder="Название товара" value="${item.product_name}" oninput="updateInvoiceItem(${index}, 'product_name', this.value)"></td><td><input type="number" step="1" min="1" placeholder="1" value="${item.quantity || '1'}" oninput="updateInvoiceItem(${index}, 'quantity', parseFloat(this.value))"></td><td><input type="number" step="0.01" min="0" placeholder="0.00" value="${item.unit_price || ''}" oninput="updateInvoiceItem(${index}, 'unit_price', parseFloat(this.value))"></td><td class="item-total-display">${(item.item_total || 0).toFixed(2)}</td><td><button class="action-btn" onclick="removeInvoiceItemRow(${index})">🗑️</button></td>`;
             });
             updateNewInvoiceTotal();
         }
@@ -1446,7 +1474,12 @@ ADMIN_TEMPLATE = """
             let total = newInvoiceItems.reduce((sum, item) => sum + (parseFloat(item.item_total) || 0), 0);
             document.getElementById('newInvoiceTotalAmount').textContent = total.toFixed(2);
             
-            const availableBonuses = parseFloat(currentUserData.bonuses) || 0;
+            const selectedBonusType = document.querySelector('input[name="bonus_type"]:checked').value;
+            const availableBonuses = (selectedBonusType === 'referral') 
+                ? (parseFloat(currentUserData.referral_bonuses) || 0) 
+                : (parseFloat(currentUserData.bonuses) || 0);
+
+            document.getElementById('invoiceAvailableBonuses').textContent = availableBonuses.toFixed(2);
             const deductBonusesInput = document.getElementById('invoiceDeductBonuses');
             let deductAmount = parseFloat(deductBonusesInput.value) || 0;
 
@@ -1476,11 +1509,13 @@ ADMIN_TEMPLATE = """
             }
             const totalAmount = itemsToAdd.reduce((sum, item) => sum + item.item_total, 0);
             const deductBonuses = parseFloat(document.getElementById('invoiceDeductBonuses').value) || 0;
+            const bonusType = document.querySelector('input[name="bonus_type"]:checked').value;
             const payload = { 
                 user_id: currentUserData.id, 
                 total_amount: totalAmount, 
                 items: itemsToAdd,
-                deduct_bonuses: deductBonuses
+                deduct_bonuses: deductBonuses,
+                bonus_type: bonusType
             };
             try {
                 const response = await fetch('/admin/add_invoice', {
@@ -1513,11 +1548,12 @@ ADMIN_TEMPLATE = """
             let bonusesDeducted = parseFloat(invoiceData.bonuses_deducted || 0);
             let totalAmount = parseFloat(invoiceData.total_amount);
             let finalAmount = totalAmount - bonusesDeducted;
+            let bonusTypeLabel = invoiceData.bonus_type_deducted === 'referral' ? ' (от друзей)' : '';
 
-            let totalHTML = `<span>Итого:</span><span>${totalAmount.toFixed(2)}</span>`;
+            let totalHTML = `<div><span>Итого:</span><strong>${totalAmount.toFixed(2)}</strong></div>`;
             if (bonusesDeducted > 0) {
-                totalHTML += `<br><span>Списано бонусов:</span><span style="color: var(--admin-danger);">- ${bonusesDeducted.toFixed(2)}</span>`;
-                totalHTML += `<hr style="border: none; border-top: 1px solid #ccc; margin: 5px 0;"><span>К оплате:</span><span style="color: var(--admin-success);">${finalAmount.toFixed(2)}</span>`;
+                totalHTML += `<div><span>Списано бонусов${bonusTypeLabel}:</span><strong style="color: var(--admin-danger);">- ${bonusesDeducted.toFixed(2)}</strong></div>`;
+                totalHTML += `<hr style="border: none; border-top: 1px solid #ccc; margin: 8px 0;"><div style="font-size: 1.2em;"><span>К оплате:</span><strong style="color: var(--admin-success);">${finalAmount.toFixed(2)}</strong></div>`;
             }
             totalDisplay.innerHTML = totalHTML;
             adminInvoiceDetailModal.style.display = 'block';
@@ -1571,7 +1607,8 @@ def index():
         user_data = {"id": "N/A", "bonuses": 0, "debts": 0, "referral_bonuses": 0, "combined_history": [], "invoices": [], "referral_code": "N/A"}
     
     org_details = visitor_data_cache.get('organization_details', {})
-    return render_template_string(TEMPLATE, user=user_data, org_details=org_details, is_first_visit=is_first_visit)
+    bonus_settings = visitor_data_cache.get('bonus_program_settings', {})
+    return render_template_string(TEMPLATE, user=user_data, org_details=org_details, is_first_visit=is_first_visit, bonus_settings=bonus_settings)
 
 @app.route('/verify', methods=['POST'])
 def verify_data():
@@ -1743,8 +1780,10 @@ def add_transaction():
         user_id = str(data.get('user_id'))
         accrue_amount = float(data.get('accrue_amount', 0))
         deduct_amount = float(data.get('deduct_amount', 0))
+        deduct_referral_amount = float(data.get('deduct_referral_amount', 0))
         add_debt_amount = float(data.get('add_debt_amount', 0))
         repay_debt_amount = float(data.get('repay_debt_amount', 0))
+        
         if not user_id: return jsonify({"status": "error", "message": "User ID is required"}), 400
         
         with _data_lock:
@@ -1752,21 +1791,34 @@ def add_transaction():
             user = visitor_data_cache[user_id]
             now = datetime.now(ALMATY_TZ)
             now_iso, now_str = now.isoformat(), now.strftime('%Y-%m-%d %H:%M:%S')
+            
             if deduct_amount > user.get('bonuses', 0): return jsonify({"status": "error", "message": "Недостаточно бонусов для списания"}), 400
+            if deduct_referral_amount > user.get('referral_bonuses', 0): return jsonify({"status": "error", "message": "Недостаточно бонусов от друзей для списания"}), 400
             if repay_debt_amount > user.get('debts', 0): return jsonify({"status": "error", "message": "Сумма погашени�� превышает текущий долг"}), 400
 
-            user['bonuses'] = round(user.get('bonuses', 0) + accrue_amount - deduct_amount, 2)
             if 'history' not in user: user['history'] = []
-            if accrue_amount > 0: user['history'].append({"type": "accrual", "amount": round(accrue_amount, 2), "description": f"Начисление бонусов", "date": now_iso, "date_str": now_str})
-            if deduct_amount > 0: user['history'].append({"type": "deduction", "amount": round(deduct_amount, 2), "description": "Списание бонусов", "date": now_iso, "date_str": now_str})
+            if accrue_amount > 0:
+                user['bonuses'] = round(user.get('bonuses', 0) + accrue_amount, 2)
+                user['history'].append({"type": "accrual", "amount": round(accrue_amount, 2), "description": f"Начисление бонусов (админ)", "date": now_iso, "date_str": now_str})
+            if deduct_amount > 0:
+                user['bonuses'] = round(user.get('bonuses', 0) - deduct_amount, 2)
+                user['history'].append({"type": "deduction", "amount": round(deduct_amount, 2), "description": "Списание бонусов (админ)", "date": now_iso, "date_str": now_str})
+
+            if 'referral_bonus_history' not in user: user['referral_bonus_history'] = []
+            if deduct_referral_amount > 0:
+                user['referral_bonuses'] = round(user.get('referral_bonuses', 0) - deduct_referral_amount, 2)
+                user['referral_bonus_history'].append({"type": "deduction", "amount": round(deduct_referral_amount, 2), "description": "Списание бонусов от друзей (админ)", "date": now_iso, "date_str": now_str})
 
-            user['debts'] = round(user.get('debts', 0) + add_debt_amount - repay_debt_amount, 2)
             if 'debt_history' not in user: user['debt_history'] = []
-            if add_debt_amount > 0: user['debt_history'].append({"type": "accrual", "amount": round(add_debt_amount, 2), "description": "Добавление долга", "date": now_iso, "date_str": now_str})
-            if repay_debt_amount > 0: user['debt_history'].append({"type": "payment", "amount": round(repay_debt_amount, 2), "description": "Погашение долга", "date": now_iso, "date_str": now_str})
+            if add_debt_amount > 0:
+                user['debts'] = round(user.get('debts', 0) + add_debt_amount, 2)
+                user['debt_history'].append({"type": "accrual", "amount": round(add_debt_amount, 2), "description": "Добавление долга", "date": now_iso, "date_str": now_str})
+            if repay_debt_amount > 0:
+                user['debts'] = round(user.get('debts', 0) - repay_debt_amount, 2)
+                user['debt_history'].append({"type": "payment", "amount": round(repay_debt_amount, 2), "description": "Погашение долга", "date": now_iso, "date_str": now_str})
             
             save_visitor_data()
-            return jsonify({"status": "ok", "message": "Transaction successful", "new_balance": user['bonuses'], "new_debt": user['debts']}), 200
+            return jsonify({"status": "ok", "message": "Transaction successful"}), 200
     except Exception as e:
         logging.exception("Error in /admin/add_transaction endpoint")
         return jsonify({"status": "error", "message": str(e)}), 500
@@ -1779,6 +1831,7 @@ def add_invoice():
         total_amount = float(data.get('total_amount', 0))
         items = data.get('items', [])
         deduct_bonuses = float(data.get('deduct_bonuses', 0))
+        bonus_type = data.get('bonus_type', 'regular')
 
         if not user_id: return jsonify({"status": "error", "message": "User ID is required"}), 400
         if not items: return jsonify({"status": "error", "message": "Необходимо добавить товары в накладную."}), 400
@@ -1787,7 +1840,8 @@ def add_invoice():
             if user_id not in visitor_data_cache: return jsonify({"status": "error", "message": "User not found"}), 404
             user = visitor_data_cache[user_id]
             
-            if deduct_bonuses > user.get('bonuses', 0): return jsonify({"status": "error", "message": "Недостаточно бонусов для списания."}), 400
+            if bonus_type == 'regular' and deduct_bonuses > user.get('bonuses', 0): return jsonify({"status": "error", "message": "Недостаточно обычных бонусов для списания."}), 400
+            if bonus_type == 'referral' and deduct_bonuses > user.get('referral_bonuses', 0): return jsonify({"status": "error", "message": "Недостаточно бонусов от друзей для списания."}), 400
             if deduct_bonuses > total_amount: return jsonify({"status": "error", "message": "Сумма списания не может превышать сумму накладной."}), 400
 
             now = datetime.now(ALMATY_TZ)
@@ -1799,16 +1853,22 @@ def add_invoice():
             new_invoice = {
                 "invoice_id": invoice_id, "date": now_iso, "date_str": now_str, 
                 "total_amount": round(total_amount, 2), "items": processed_items,
-                "bonuses_deducted": round(deduct_bonuses, 2)
+                "bonuses_deducted": round(deduct_bonuses, 2),
+                "bonus_type_deducted": bonus_type if deduct_bonuses > 0 else None
             }
             if 'invoices' not in user: user['invoices'] = []
             user['invoices'].append(new_invoice)
             
             if deduct_bonuses > 0:
-                user['bonuses'] = round(user.get('bonuses', 0) - deduct_bonuses, 2)
-                if 'history' not in user: user['history'] = []
-                user['history'].append({"type": "deduction", "amount": deduct_bonuses, "description": f"Оплата по накладной #{invoice_id}", "date": now_iso, "date_str": now_str})
-            
+                if bonus_type == 'regular':
+                    user['bonuses'] = round(user.get('bonuses', 0) - deduct_bonuses, 2)
+                    if 'history' not in user: user['history'] = []
+                    user['history'].append({"type": "deduction", "amount": deduct_bonuses, "description": f"Оплата по накладной #{invoice_id}", "date": now_iso, "date_str": now_str})
+                elif bonus_type == 'referral':
+                    user['referral_bonuses'] = round(user.get('referral_bonuses', 0) - deduct_bonuses, 2)
+                    if 'referral_bonus_history' not in user: user['referral_bonus_history'] = []
+                    user['referral_bonus_history'].append({"type": "deduction", "amount": deduct_bonuses, "description": f"Оплата по накладной #{invoice_id}", "date": now_iso, "date_str": now_str})
+
             bonus_settings = visitor_data_cache.get('bonus_program_settings', {})
             invoice_bonus_percentage = float(bonus_settings.get('invoice_bonus_percentage', 0))
             if invoice_bonus_percentage > 0 and total_amount > 0: