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

- История кошелька и история заказов теперь под collapse (свёрнуты по умолчанию)
- Кликабельные заголовки с иконкой chevron для раскрытия
- Badge с количеством элементов в заголовке
- Кнопка 'Новый заказ' доступна в свёрнутом состоянии (event.stopPropagation)
- Компактный и удобный интерфейс для работы с большими списками
---
 .../templates/customers/customer_detail.html  | 50 ++++++++++++++-----
 1 file changed, 37 insertions(+), 13 deletions(-)

diff --git a/myproject/customers/templates/customers/customer_detail.html b/myproject/customers/templates/customers/customer_detail.html
index f3593bb..a755acf 100644
--- a/myproject/customers/templates/customers/customer_detail.html
+++ b/myproject/customers/templates/customers/customer_detail.html
@@ -158,11 +158,22 @@
         <!-- История транзакций кошелька -->
         <div class="col-md-12">
             <div class="card mb-4">
-                <div class="card-header d-flex justify-content-between align-items-center">
-                    <h5>История кошелька (последние 20)</h5>
-                    <span class="badge bg-primary">{{ wallet_transactions|length }}</span>
+                <div class="card-header">
+                    <button class="btn btn-link w-100 text-start text-decoration-none p-0 d-flex justify-content-between align-items-center" 
+                            type="button" 
+                            data-bs-toggle="collapse" 
+                            data-bs-target="#walletHistoryCollapse" 
+                            aria-expanded="false" 
+                            aria-controls="walletHistoryCollapse">
+                        <h5 class="mb-0">История кошелька (последние 20)</h5>
+                        <div>
+                            <span class="badge bg-primary me-2">{{ wallet_transactions|length }}</span>
+                            <i class="bi bi-chevron-down"></i>
+                        </div>
+                    </button>
                 </div>
-                <div class="card-body">
+                <div class="collapse" id="walletHistoryCollapse">
+                    <div class="card-body">
                     {% if wallet_transactions %}
                         <div class="table-responsive">
                             <table class="table table-striped table-hover">
@@ -215,6 +226,7 @@
                     {% else %}
                         <p class="text-muted mb-0">История транзакций пуста.</p>
                     {% endif %}
+                    </div>
                 </div>
             </div>
         </div>
@@ -222,16 +234,27 @@
         <!-- История заказов -->
         <div class="col-md-12">
             <div class="card mb-4">
-                <div class="card-header d-flex justify-content-between align-items-center">
-                    <h5>История заказов</h5>
-                    <div>
-                        <span class="badge bg-primary">{{ orders_page.paginator.count }}</span>
-                        <a href="{% url 'orders:order-create' %}?customer={{ customer.pk }}" class="btn btn-sm btn-success ms-2">
-                            <i class="bi bi-plus-circle"></i> Новый заказ
-                        </a>
-                    </div>
+                <div class="card-header">
+                    <button class="btn btn-link w-100 text-start text-decoration-none p-0 d-flex justify-content-between align-items-center" 
+                            type="button" 
+                            data-bs-toggle="collapse" 
+                            data-bs-target="#ordersHistoryCollapse" 
+                            aria-expanded="false" 
+                            aria-controls="ordersHistoryCollapse">
+                        <h5 class="mb-0">История заказов</h5>
+                        <div>
+                            <span class="badge bg-primary me-2">{{ orders_page.paginator.count }}</span>
+                            <a href="{% url 'orders:order-create' %}?customer={{ customer.pk }}" 
+                               class="btn btn-sm btn-success me-2" 
+                               onclick="event.stopPropagation();">
+                                <i class="bi bi-plus-circle"></i> Новый заказ
+                            </a>
+                            <i class="bi bi-chevron-down"></i>
+                        </div>
+                    </button>
                 </div>
-                <div class="card-body">
+                <div class="collapse" id="ordersHistoryCollapse">
+                    <div class="card-body">
                     {% if orders_page %}
                         <div class="table-responsive">
                             <table class="table table-striped table-hover">
@@ -356,6 +379,7 @@
                     {% else %}
                         <p class="text-muted mb-0">У клиента пока нет заказов.</p>
                     {% endif %}
+                    </div>
                 </div>
             </div>
         </div>