Добавлен блок категорий в POS-терминал: компактные карточки с фильтрацией товаров

myproject/pos/templates/pos/terminal.html

@@ -7,8 +7,9 @@
 {% endblock %}
 
 {% block content %}
-<!-- Main Content -->
-<div class="pos-container">
+<!-- Main POS Container -->
+<div class="pos-main-container">
+  <div class="pos-container">
   <div class="row g-3">
     <!-- Products Grid (Left side - 8/12) -->
     <div class="col-md-8">
@@ -17,6 +18,11 @@
         <input type="text" class="form-control" id="searchInput" placeholder="Поиск по товарам...">
       </div>
       
+      <!-- Categories -->
+      <div class="mb-3">
+        <div class="row g-3" id="categoryGrid"></div>
+      </div>
+      
       <div class="row g-3" id="productGrid"></div>
     </div>
     
@@ -39,16 +45,6 @@
               <h5 class="mb-0">Итого:</h5>
               <h5 class="mb-0 text-primary" id="cartTotal">0.00</h5>
             </div>
-            
-            <div class="mb-3">
-              <label class="form-label small">Способ оплаты</label>
-              <select class="form-select form-select-sm" id="paymentMethod">
-                <option value="cash_to_courier">Наличные</option>
-                <option value="card_to_courier">Карта</option>
-                <option value="online">Онлайн</option>
-                <option value="bank_transfer">Банк. перевод</option>
-              </select>
-            </div>
           </div>
         </div>
       </div>
@@ -102,8 +98,8 @@
       </div>
     </div>
   </div>
+  </div>
 </div>
-
 {% endblock %}
 
 {% block extra_js %}