From c4e83fd5354bda7b6570388867c251f2cf5df151 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Sat, 29 Nov 2025 18:48:43 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=20la?=
 =?UTF-8?q?yout=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20?=
 =?UTF-8?q?=D0=BA=D0=BB=D0=B8=D0=B5=D0=BD=D1=82=D0=B0:=20=D0=B4=D0=B2?=
 =?UTF-8?q?=D0=B5=20=D0=BA=D0=BE=D0=BB=D0=BE=D0=BD=D0=BA=D0=B8=20=D0=B2?=
 =?UTF-8?q?=D0=B2=D0=B5=D1=80=D1=85=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Информация о клиенте — левая колонка (col-md-6)
- Операции с кошельком — правая колонка (col-md-6)
- Баланс кошелька перенесён из таблицы в заголовок блока операций
- История кошелька и история заказов остаются в полную ширину
- Компактный вертикальный layout форм в правой колонке
---
 .../templates/customers/customer_detail.html  | 147 +++++++++---------
 1 file changed, 70 insertions(+), 77 deletions(-)

diff --git a/myproject/customers/templates/customers/customer_detail.html b/myproject/customers/templates/customers/customer_detail.html
index 41e3e1e..777006e 100644
--- a/myproject/customers/templates/customers/customer_detail.html
+++ b/myproject/customers/templates/customers/customer_detail.html
@@ -19,7 +19,7 @@
 
     <div class="row">
         <!-- Customer Info -->
-        <div class="col-md-12">
+        <div class="col-md-6">
             <div class="card mb-4">
                 <div class="card-header">
                     <h5>Информация о клиенте</h5>
@@ -42,18 +42,6 @@
                             <th>Сумма покупок:</th>
                             <td>{{ customer.total_spent|floatformat:2 }} руб.</td>
                         </tr>
-                        <tr>
-                            <th>Баланс кошелька:</th>
-                            <td>
-                                {% if customer.wallet_balance > 0 %}
-                                    <span class="badge bg-success" style="font-size: 1.1em;">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
-                                {% elif customer.wallet_balance == 0 %}
-                                    <span class="badge bg-secondary">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
-                                {% else %}
-                                    <span class="badge bg-danger">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
-                                {% endif %}
-                            </td>
-                        </tr>
                         <tr>
                             <th>Общий долг по активным заказам:</th>
                             <td>
@@ -83,76 +71,81 @@
         </div>
 
         <!-- Операции с кошельком -->
-        <div class="col-md-12">
+        <div class="col-md-6">
             <div class="card mb-4">
-                <div class="card-header">
-                    <h5>Операции с кошельком клиента</h5>
+                <div class="card-header d-flex justify-content-between align-items-center">
+                    <h5 class="mb-0">Операции с кошельком клиента</h5>
+                    <span>
+                        {% if customer.wallet_balance > 0 %}
+                            <span class="badge bg-success" style="font-size: 1.1em;">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
+                        {% elif customer.wallet_balance == 0 %}
+                            <span class="badge bg-secondary" style="font-size: 1.1em;">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
+                        {% else %}
+                            <span class="badge bg-danger" style="font-size: 1.1em;">{{ customer.wallet_balance|floatformat:2 }} руб.</span>
+                        {% endif %}
+                    </span>
                 </div>
                 <div class="card-body">
-                    <div class="row">
-                        <!-- Пополнение -->
-                        <div class="col-md-6">
-                            <h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение кошелька</h6>
-                            <form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
-                                {% csrf_token %}
-                                <div class="mb-3">
-                                    <label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
-                                    <input type="number"
-                                           step="0.01"
-                                           min="0.01"
-                                           class="form-control"
-                                           id="wallet_deposit_amount"
-                                           name="amount"
-                                           placeholder="0.00"
-                                           required>
-                                    <div style="height: 1.25rem;"></div>
-                                </div>
-                                <div class="mb-3">
-                                    <label for="wallet_deposit_description" class="form-label">Описание (обязательно)</label>
-                                    <textarea class="form-control"
-                                              id="wallet_deposit_description"
-                                              name="description"
-                                              rows="2"
-                                              placeholder="Например: Подарок, компенсация за некачественный товар"
-                                              required></textarea>
-                                </div>
-                                <button type="submit" class="btn btn-success w-100"><i class="bi bi-plus-circle"></i> Пополнить кошелёк</button>
-                            </form>
+                    <!-- Пополнение -->
+                    <h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение кошелька</h6>
+                    <form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
+                        {% csrf_token %}
+                        <div class="mb-3">
+                            <label for="wallet_deposit_amount" class="form-label">Сумма, руб.</label>
+                            <input type="number"
+                                   step="0.01"
+                                   min="0.01"
+                                   class="form-control"
+                                   id="wallet_deposit_amount"
+                                   name="amount"
+                                   placeholder="0.00"
+                                   required>
                         </div>
+                        <div class="mb-3">
+                            <label for="wallet_deposit_description" class="form-label">Описание (обязательно)</label>
+                            <textarea class="form-control"
+                                      id="wallet_deposit_description"
+                                      name="description"
+                                      rows="2"
+                                      placeholder="Например: Подарок, компенсация за некачественный товар"
+                                      required></textarea>
+                        </div>
+                        <button type="submit" class="btn btn-success w-100 mb-4"><i class="bi bi-plus-circle"></i> Пополнить кошелёк</button>
+                    </form>
 
-                        <!-- Возврат / списание -->
-                        <div class="col-md-6">
-                            <h6 class="text-danger mb-3"><i class="bi bi-dash-circle"></i> Возврат / списание с кошелька</h6>
-                            <form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
-                                {% csrf_token %}
-                                <div class="mb-3">
-                                    <label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
-                                    <input type="number"
-                                           step="0.01"
-                                           min="0.01"
-                                           max="{{ customer.wallet_balance }}"
-                                           class="form-control"
-                                           id="wallet_withdraw_amount"
-                                           name="amount"
-                                           placeholder="0.00"
-                                           required>
-                                    <small class="text-muted d-block" style="height: 1.25rem; line-height: 1.25rem;">Макс: {{ customer.wallet_balance|floatformat:2 }} руб.</small>
-                                </div>
-                                <div class="mb-3">
-                                    <label for="wallet_withdraw_description" class="form-label">Описание (обязательно)</label>
-                                    <textarea class="form-control"
-                                              id="wallet_withdraw_description"
-                                              name="description"
-                                              rows="2"
-                                              placeholder="Например: Возврат наличными, перевод на карту клиента"
-                                              required></textarea>
-                                </div>
-                                <button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать с кошелька</button>
-                            </form>
+                    <hr>
+
+                    <!-- Возврат / списание -->
+                    <h6 class="text-danger mb-3 mt-4"><i class="bi bi-dash-circle"></i> Возврат / списание с кошелька</h6>
+                    <form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
+                        {% csrf_token %}
+                        <div class="mb-3">
+                            <label for="wallet_withdraw_amount" class="form-label">Сумма, руб.</label>
+                            <input type="number"
+                                   step="0.01"
+                                   min="0.01"
+                                   max="{{ customer.wallet_balance }}"
+                                   class="form-control"
+                                   id="wallet_withdraw_amount"
+                                   name="amount"
+                                   placeholder="0.00"
+                                   required>
+                            <small class="text-muted d-block">Макс: {{ customer.wallet_balance|floatformat:2 }} руб.</small>
                         </div>
-                    </div>
-                    <div class="alert alert-info mb-0 mt-3">
-                        <i class="bi bi-info-circle"></i> Все операции с кошельком автоматически логируются в истории транзакций ниже.
+                        <div class="mb-3">
+                            <label for="wallet_withdraw_description" class="form-label">Описание (обязательно)</label>
+                            <textarea class="form-control"
+                                      id="wallet_withdraw_description"
+                                      name="description"
+                                      rows="2"
+                                      placeholder="Например: Возврат наличными, перевод на карту клиента"
+                                      required></textarea>
+                        </div>
+                        <button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать с кошелька</button>
+                    </form>
+
+                    <div class="alert alert-info mb-0 mt-4">
+                        <i class="bi bi-info-circle"></i> Все операции автоматически логируются в истории транзакций ниже.
                     </div>
                 </div>
             </div>