From f105da201288dcd5efd6fd9983c2f64eb2606e77 Mon Sep 17 00:00:00 2001
From: Scheianu Ionut <scheianuionut@gmail.com>
Date: Sat, 4 Oct 2025 17:17:07 +0300
Subject: [PATCH] made the print lost label page

---
 py_app/app/__pycache__/routes.cpython-312.pyc | Bin 107271 -> 107841 bytes
 py_app/app/pdf_generator.py                   |  32 +-
 py_app/app/routes.py                          |  11 +
 py_app/app/templates/main_page_etichete.html  |   9 +-
 py_app/app/templates/print_lost_labels.html   | 429 ++++++++++++++++++
 py_app/app/templates/print_module.html        |  11 +-
 6 files changed, 472 insertions(+), 20 deletions(-)
 create mode 100644 py_app/app/templates/print_lost_labels.html

diff --git a/py_app/app/__pycache__/routes.cpython-312.pyc b/py_app/app/__pycache__/routes.cpython-312.pyc
index fd1d11c6e2a3c487a406533f70fc38e9f64f8786..9ca7d8dbe94f3c8a6c2eda7b77f1b9119809199e 100644
GIT binary patch
delta 1433
zcmY+DT}&KR6vyWbJKJ`LFKhTHrFMigux%&=3jNYFd<a(QN|9P+(Jf^cSXfwkXPd&l
zfbCK~EVOkfmtuL)CN%_KFvjUadC+KMY+^9ghmzRDq>WM2rfQm)YSi;z0<D|uZ~ph3
z|GD?vnR|z>J3sr{nS3KD$))h`cFvFOYV3S+rs_<Z&wtmY&XM)Gs~|PAjXuhnQ(;jQ
z|B0AYsOM0xb>Fomug|~Xf5|a_G)8mFPG#lU=(Bp%3~Nv?UAtnpuIa;=zBaLdGOcLh
zM(dcGt_>k=eVph~16!>+O3Qu6pUENhiPg`<9#7leNAB@cjwIWWL>V5MmDyg(p+|C`
zmv-<d;-zAJmX@4h;SUINR?d5A<N6)E53z<joK;0!m&w~++C;nM-(K=Py}qzV1iK@?
zP}pQN9}R>|t8gJ*9&Dt`{dM)><B@>T8Wu*}73^*^U^JGEMuE{B3WZOYh8buUE$v7*
zcl!+ySaq8{ftFxvu*F#JNpx`|q6jS&1Kk+nMT-&)dq`2D>8lNuuXMD%J<=5trLgP-
zb}>x;D~2IT__6fVYRyWC*vt7_lTB2+uH<U<cY5Wbqf#DfqEYR6PTaBYG|@k*wvYAC
z_D?=a(X%R9iz=Xj+YkYCwE)z})K02RYeDL<DW0#9$2#ep*2AfPZD)waoKztv1m#n;
zToCl3eiTK1ARxmgZKYN@ZPMw~c7(9=l_iQIRJkUI!1s!E?oq}zeK}o&P!-zfgo*&i
zf%ptvP+@s3LOZoy*7f$E5lV4nmm~fFRTWUXu%T2Qx=B>oxqXyE+41`LcB_$ahz>a8
zfo|!E(snJ%fs^*zQTj^LPP3k|Jp;5Sf%@ghDVj_ifd3xP+#pWMZ87?Q2IV&~D$vew
z;>%A5>7L5g`$Htthhcrv&*NyGEQ-+v`N=Ttb&kL=DjyD$TRY482bnuU*J;fDWrV&+
z=zjs}7lHi%78Nf+@m~=yL)8Ky3=cqgfLDOKh}A)*aalCMQ&=tzVrXENdZ<@{20%sZ
z5R?n*HK=(iW*&xo9e4w11iU~K!z12=d<*aaN2G6@KX#iO9Vbs#{LRMCOFx?F1qOgl
z`TIB(Y3I4*p`CY@E<310-mqvhnetbQF42BDJV94DSa^ZTv<dbV*c}%*;*?lsQl?9K
zR=dc$UOp$u(x(u<1iUAgByDleus*zwuS+s7IH25h?75}q-PGNS4!0=f5TA%<wzz|K
z{uKR16}wT3yCZN<1TKic@fJ8<0!KpNEC_sLflnpSy+CUMeTW%(WSTa)uCV4;sF+js
h&@^3jW-Pj%xk;OUQ`b@z{gI%k#)G)D%igDN=|4YeY0m%v

delta 1083
zcmZ9KTWC~Q7=_O|$vMhgj9NkxO}qpPo|IS}Ta7U>Mq{GZj@Q=e#8}OY1~n?%n9G=|
z(Q%^2%Z#U)pGZ_xP;3MdA5IYq6-2~7)h88tfzp?P)rY=Fi@MjOAUZIMZ?Av-|32)!
z?>@A9@7tq(3I=_K{&lB+X}Q&t9#v>Q4&0o2#y2urxE0sO4Vms8U%6Z2pHkcrEgE(h
zH;iasv@?OB;f4FsS30)qy+AzSZt$-)hv44vAALKoK2Tor?xbYG_<xSEJ{Bu;Q-K1j
zP!BWR?*if6E;uI+hk{-xh=MR2SsFp98F$>CP?7XTFiu;SA_(~%JhgYJXiV*K<hKaM
zkDXx}h8m$i&@ok(LlS6231&)JBR0zJCM2v+b>@lpvI(zDYqsWJz5g~L&u`CVZ<UN`
z#Rq1MDL<xAAl0q-BtOE!aFrC(<5i6$TamI_wDFHOekV@asFZ7Mn2LGws0~;B>ltmN
zY>>oWl%Yv(>_u|)*R-}#ei)v!s2vNjNshH+qLcM&Sgd2QnY4q_O3AjyNL%IScFeYR
zYi{s@9mvZqo<siyyDCW)&@x&t9jGd=VjuEQob9h-wVs7swV9kXwn%d~rddiG9bTpz
z4=iiH<}+UNAynp|L(U&TCeX?JGd+2Yip%^YF5w&bBZ+b=p$oUY{9ZgWbvEZXWXwTk
z-)R^+j&*hq?L*@0gJbn-ek2urxQ`>=>ptAeIZ(~=d`c~ad#ME^{WsJ?QXORnmy1aC
zlm^P5^cIuybz3|q{Bf;X!sR4RSxWkhvW#NV`<&z>g-JIN(z=|ug0hmbin5xrMoU<I
zLHv@kmhzRfrS#=)lnW_@v0463p%Be7B8}<RF&+5Jt4iZ?uCDyvkBQix$zTw*axQ}_
z+N%@HvQFq&sdqrMW1r^CQ}WROCR=IE4YG0ou0KWlTZ${s2k@cQuX&jioy7!uokpj{
zt3Hc=Q9Y9xK5)gCt@u0@Uy0%YDqgALT`3;D;`b@;uDF%zm-rw`eCIXmBQf@LdKU-r
Lz3p{f#sj<o=l26a

diff --git a/py_app/app/pdf_generator.py b/py_app/app/pdf_generator.py
index cbd6bbf..42e218f 100644
--- a/py_app/app/pdf_generator.py
+++ b/py_app/app/pdf_generator.py
@@ -24,9 +24,9 @@ def mm_to_points(mm_value):
 
 class LabelPDFGenerator:
     def __init__(self, paper_saving_mode=True):
-        # Label dimensions: 80mm x 110mm
+        # Label dimensions: 80mm x 105mm (reduced from 110mm by cutting 5mm from bottom)
         self.label_width = mm_to_points(80)
-        self.label_height = mm_to_points(110)
+        self.label_height = mm_to_points(105)
         
         # Paper-saving mode: positions content at top of label to minimize waste
         self.paper_saving_mode = paper_saving_mode
@@ -35,19 +35,21 @@ class LabelPDFGenerator:
         # Preview: 227.4px width x 321.3px height
         # Convert to proportional dimensions for 80x110mm
         self.content_width = mm_to_points(60)  # ~227px scaled to 80mm
-        self.content_height = mm_to_points(85) # ~321px scaled to 110mm
+        self.content_height = mm_to_points(68) # Reduced by 20% from 85mm to 68mm
         
-        # Position content in label - optimized for paper saving
+        # Position content in label - rectangle positioned 15mm from top
+        # Label height: 105mm, Rectangle height: 68mm
+        # content_y = 105mm - 15mm - 68mm = 22mm from bottom
         if self.paper_saving_mode:
-            # Start content from top of label with minimal top margin
-            self.content_x = mm_to_points(4)   # 4mm from left edge (was 3mm, moved 1mm right to ensure left border prints)
-            self.content_y = mm_to_points(20)  # 20mm from bottom (more space at top)
-            self.top_margin = mm_to_points(5)  # 5mm top margin instead of larger bottom margin
+            # Start content from top of label with 15mm top margin
+            self.content_x = mm_to_points(4)   # 4mm from left edge
+            self.content_y = mm_to_points(22)  # 22mm from bottom (15mm from top)
+            self.top_margin = mm_to_points(15)  # 15mm top margin
         else:
             # Original positioning
-            self.content_x = mm_to_points(5)   # 5mm from left edge (was 4mm, moved 1mm right to ensure left border prints)
-            self.content_y = mm_to_points(15)  # 15mm from bottom (space for bottom barcode)
-            self.top_margin = mm_to_points(10)
+            self.content_x = mm_to_points(5)   # 5mm from left edge
+            self.content_y = mm_to_points(22)  # 22mm from bottom (15mm from top)
+            self.top_margin = mm_to_points(15)  # 15mm top margin
         
         # Row dimensions (9 rows total, row 6 is double height)
         self.row_height = self.content_height / 10  # 8.5mm per standard row
@@ -288,6 +290,10 @@ class LabelPDFGenerator:
         canvas.drawString(ac_x_centered, row_y + self.row_height/3, article_code)
         current_y = row_y
         
+        # Draw horizontal line between Article Code and Prod Order
+        canvas.setLineWidth(1)
+        canvas.line(self.content_x, current_y, self.content_x + self.content_width, current_y)
+        
         # Row 9: Prod Order - CORRECTED to match HTML preview with sequential numbering
         row_y = current_y - self.row_height
         canvas.setFont("Helvetica", 8)
@@ -307,9 +313,9 @@ class LabelPDFGenerator:
                 line_y -= self.row_height
             canvas.line(self.content_x, line_y, self.content_x + self.content_width, line_y)
         
-        # Bottom horizontal barcode - positioned within label bounds
+        # Bottom horizontal barcode - positioned 1.5mm below the main rectangle
         barcode_area_height = mm_to_points(12)  # Reserve space for barcode
-        barcode_y = mm_to_points(3)  # 3mm from bottom of label (moved down 1mm for more space)
+        barcode_y = self.content_y - mm_to_points(1.5) - barcode_area_height  # 1.5mm gap below rectangle
         barcode_width = self.content_width  # Use full content width
         barcode_x = self.content_x
         
diff --git a/py_app/app/routes.py b/py_app/app/routes.py
index ab34f6a..838ed67 100644
--- a/py_app/app/routes.py
+++ b/py_app/app/routes.py
@@ -2006,6 +2006,17 @@ def view_orders():
     orders = get_orders_from_database(200)  # Get last 200 orders
     return render_template('view_orders.html', orders=orders)
 
+@bp.route('/print_lost_labels')
+def print_lost_labels():
+    """Route for printing lost labels - allows searching and reprinting specific orders"""
+    if 'role' not in session or session['role'] not in ['superadmin', 'warehouse', 'warehouse_manager', 'warehouse_worker']:
+        flash('Access denied: Warehouse access required.')
+        return redirect(url_for('main.dashboard'))
+    
+    from app.order_labels import get_orders_from_database
+    orders = get_orders_from_database(500)  # Get more orders for searching
+    return render_template('print_lost_labels.html', orders=orders)
+
 @bp.route('/db_test')
 def db_test():
     """Simple database test page"""
diff --git a/py_app/app/templates/main_page_etichete.html b/py_app/app/templates/main_page_etichete.html
index dc2ddb2..86994e5 100644
--- a/py_app/app/templates/main_page_etichete.html
+++ b/py_app/app/templates/main_page_etichete.html
@@ -19,11 +19,14 @@
             </div>
         </div>
 
-        <!-- Card 2: Launch Print Module -->
+        <!-- Card 2: Printing Module -->
         <div class="dashboard-card">
-            <h3>Launch Print Module</h3>
+            <h3>Printing Module</h3>
             <p>Access the print module to print labels.</p>
-            <a href="{{ url_for('main.print_module') }}" class="btn">Launch Print Module</a>
+            <div style="display: flex; gap: 10px; flex-wrap: wrap;">
+                <a href="{{ url_for('main.print_module') }}" class="btn">Launch Printing Module</a>
+                <a href="{{ url_for('main.print_lost_labels') }}" class="btn">Launch lost labels printing module</a>
+            </div>
         </div>
 
         <!-- Card 3: Manage Label Templates -->
diff --git a/py_app/app/templates/print_lost_labels.html b/py_app/app/templates/print_lost_labels.html
new file mode 100644
index 0000000..32e101c
--- /dev/null
+++ b/py_app/app/templates/print_lost_labels.html
@@ -0,0 +1,429 @@
+{% extends "base.html" %}
+
+{% block head %}
+<style>
+/* TABLE STYLING - Same as view_orders.html */
+table.view-orders-table.scan-table {
+    margin: 0 !important;
+    border-spacing: 0 !important;
+    border-collapse: collapse !important;
+    width: 100% !important;
+    table-layout: fixed !important;
+    font-size: 11px !important;
+}
+
+table.view-orders-table.scan-table thead th {
+    height: 85px !important;
+    min-height: 85px !important;
+    max-height: 85px !important;
+    vertical-align: middle !important;
+    text-align: center !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+    line-height: 1.3 !important;
+    padding: 6px 3px !important;
+    font-size: 11px !important;
+    background-color: #e9ecef !important;
+    font-weight: bold !important;
+    text-transform: none !important;
+    letter-spacing: 0 !important;
+    overflow: visible !important;
+    box-sizing: border-box !important;
+    border: 1px solid #ddd !important;
+    text-overflow: clip !important;
+    position: relative !important;
+}
+
+table.view-orders-table.scan-table tbody td {
+    padding: 4px 2px !important;
+    font-size: 10px !important;
+    text-align: center !important;
+    border: 1px solid #ddd !important;
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    vertical-align: middle !important;
+}
+
+table.view-orders-table.scan-table td:nth-child(1) { width: 50px !important; }
+table.view-orders-table.scan-table td:nth-child(2) { width: 80px !important; }
+table.view-orders-table.scan-table td:nth-child(3) { width: 80px !important; }
+table.view-orders-table.scan-table td:nth-child(4) { width: 150px !important; }
+table.view-orders-table.scan-table td:nth-child(5) { width: 70px !important; }
+table.view-orders-table.scan-table td:nth-child(6) { width: 80px !important; }
+table.view-orders-table.scan-table td:nth-child(7) { width: 75px !important; }
+table.view-orders-table.scan-table td:nth-child(8) { width: 90px !important; }
+table.view-orders-table.scan-table td:nth-child(9) { width: 70px !important; }
+table.view-orders-table.scan-table td:nth-child(10) { width: 100px !important; }
+table.view-orders-table.scan-table td:nth-child(11) { width: 90px !important; }
+table.view-orders-table.scan-table td:nth-child(12) { width: 70px !important; }
+table.view-orders-table.scan-table td:nth-child(13) { width: 50px !important; }
+table.view-orders-table.scan-table td:nth-child(14) { width: 70px !important; }
+table.view-orders-table.scan-table td:nth-child(15) { width: 100px !important; }
+
+table.view-orders-table.scan-table tbody tr:hover td {
+    background-color: #f8f9fa !important;
+}
+
+table.view-orders-table.scan-table tbody tr.selected td {
+    background-color: #007bff !important;
+    color: white !important;
+}
+
+.report-table-card h3 {
+    margin: 0 0 15px 0 !important;
+    padding: 0 !important;
+}
+
+.report-table-card {
+    padding: 15px !important;
+}
+
+/* Search card styling */
+.search-card {
+    margin-bottom: 20px;
+    padding: 20px;
+}
+
+.search-field {
+    width: 100%;
+    max-width: 400px;
+    padding: 8px;
+    font-size: 14px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+.quantity-field {
+    width: 100px;
+    padding: 8px;
+    font-size: 14px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+}
+
+.search-result-table {
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+
+.print-btn {
+    background-color: #28a745;
+    color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.print-btn:hover {
+    background-color: #218838;
+}
+
+.print-btn:disabled {
+    background-color: #6c757d;
+    cursor: not-allowed;
+}
+</style>
+<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
+{% endblock %}
+
+{% block content %}
+
+
+<!-- ROW 1: Search Card (full width) -->
+<div class="scan-container" style="display: flex; flex-direction: column; gap: 0; width: 100%;">
+    <div class="card search-card" style="width: 100%; max-height: 100px; min-height: 70px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 24px;">
+        <div style="flex: 1 1 300px; min-width: 250px;">
+            <label for="search-input" style="font-weight: bold;">Search Order (CP...):</label>
+            <input type="text" id="search-input" class="search-field" placeholder="Type to search..." oninput="searchOrder()" style="margin-left: 10px; max-width: 250px;">
+            <button id="fetch-matching-btn" class="btn btn-secondary" style="margin-left: 10px; padding: 7px 16px; font-size: 14px;" onclick="fetchMatchingOrders()">Find All</button>
+        </div>
+    </div>
+
+    <!-- ROW 2: Two cards side by side -->
+    <div style="display: flex; flex-direction: row; gap: 24px; width: 100%; align-items: flex-start;">
+        <!-- Print Preview Card (left, with all print_module.html controls) -->
+        <div class="card scan-form-card" style="display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-height: 700px; width: 330px; flex-shrink: 0; position: relative; padding: 15px;">
+            <div class="label-view-title" style="width: 100%; text-align: center; padding: 0 0 15px 0; font-size: 18px; font-weight: bold; letter-spacing: 0.5px;">Label View</div>
+            <!-- Pairing Keys Section -->
+            <div style="width: 100%; text-align: center; margin-bottom: 15px;">
+                <div id="client-select-container" style="display: none; margin-bottom: 8px;">
+                    <label for="client-select" style="font-size: 11px; font-weight: 600; display: block; margin-bottom: 4px;">Select Printer/Client:</label>
+                    <select id="client-select" class="form-control form-control-sm" style="width: 85%; margin: 0 auto; font-size: 11px;"></select>
+                </div>
+                <a href="{{ url_for('main.download_extension') }}" class="btn btn-info btn-sm" target="_blank" style="font-size: 11px; padding: 4px 12px;">🔑 Manage Keys</a>
+            </div>
+            <!-- Label Preview Section -->
+            <div id="label-preview" style="border: 1px solid #ddd; padding: 10px; position: relative; background: #fafafa; width: 301px; height: 434.7px;">
+                <!-- ...label content rectangle and barcode frames as in print_module.html... -->
+                <div id="label-content" style="position: absolute; top: 65.7px; left: 11.34px; width: 227.4px; height: 321.3px; border: 2px solid #333; background: white;">
+                    <div style="position: absolute; top: 0; left: 0; right: 0; height: 32.13px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; color: #000; z-index: 10;">INNOFA ROMANIA SRL</div>
+                    <div id="customer-name-row" style="position: absolute; top: 32.13px; left: 0; right: 0; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #000;"></div>
+                    <div style="position: absolute; top: 32.13px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 64.26px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 96.39px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 128.52px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 160.65px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 224.91px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 257.04px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; top: 289.17px; left: 0; right: 0; height: 1px; background: #999;"></div>
+                    <div style="position: absolute; left: 90.96px; top: 64.26px; width: 1px; height: 257.04px; background: #999;"></div>
+                    <div style="position: absolute; top: 64.26px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Quantity ordered</div>
+                    <div id="quantity-ordered-value" style="position: absolute; top: 64.26px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: bold; color: #000;"></div>
+                    <div style="position: absolute; top: 96.39px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Customer order</div>
+                    <div id="client-order-info" style="position: absolute; top: 96.39px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; color: #000;"></div>
+                    <div style="position: absolute; top: 128.52px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Delivery date</div>
+                    <div id="delivery-date-value" style="position: absolute; top: 128.52px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; color: #000;"></div>
+                    <div style="position: absolute; top: 160.65px; left: 0; width: 90.96px; height: 64.26px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Product description</div>
+                    <div id="description-value" style="position: absolute; top: 160.65px; left: 90.96px; width: 136.44px; height: 64.26px; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #000; text-align: center; padding: 2px; overflow: hidden;"></div>
+                    <div style="position: absolute; top: 224.91px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Size</div>
+                    <div id="size-value" style="position: absolute; top: 224.91px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: #000;"></div>
+                    <div style="position: absolute; top: 257.04px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Article code</div>
+                    <div id="article-code-value" style="position: absolute; top: 257.04px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: bold; color: #000;"></div>
+                    <div style="position: absolute; top: 289.17px; left: 0; width: 90.96px; height: 32.13px; display: flex; align-items: center; padding-left: 5px; font-size: 10px; color: #000;">Prod. order</div>
+                    <div id="prod-order-value" style="position: absolute; top: 289.17px; left: 90.96px; width: 136.44px; height: 32.13px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: bold; color: #000;"></div>
+                </div>
+                <div id="barcode-frame" style="position: absolute; top: 395px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 270px; height: 50px; background: white; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                    <svg id="barcode-display" style="width: 100%; height: 40px;"></svg>
+                    <div id="barcode-text" style="font-size: 8px; font-family: 'Courier New', monospace; margin-top: 2px; text-align: center; font-weight: bold;"></div>
+                </div>
+                <div id="vertical-barcode-frame" style="position: absolute; top: 50px; left: 270px; width: 321.3px; height: 40px; background: white; display: flex; align-items: center; justify-content: center; transform: rotate(90deg); transform-origin: left center;">
+                    <svg id="vertical-barcode-display" style="width: 100%; height: 35px;"></svg>
+                    <div id="vertical-barcode-text" style="position: absolute; bottom: -15px; font-size: 7px; font-family: 'Courier New', monospace; text-align: center; font-weight: bold; width: 100%;"></div>
+                </div>
+            </div>
+            <!-- Print Options removed as requested -->
+        </div>
+        <!-- Orders Table Card (right, with load button and notification system) -->
+        <div class="card scan-table-card" style="min-height: 700px; width: calc(100% - 350px); margin: 0;">
+            <h3>Data Preview</h3>
+            <button id="check-db-btn" class="btn btn-primary mb-3">Load Orders</button>
+            <div class="report-table-container">
+                <table class="scan-table print-module-table">
+                    <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>Comanda Productie</th>
+                            <th>Cod Articol</th>
+                            <th>Descr. Com. Prod</th>
+                            <th>Cantitate</th>
+                            <th>Data Livrare</th>
+                            <th>Dimensiune</th>
+                            <th>Com. Achiz. Client</th>
+                            <th>Nr. Linie</th>
+                            <th>Customer Name</th>
+                            <th>Customer Art. Nr.</th>
+                            <th>Open Order</th>
+                            <th>Line</th>
+                            <th>Printed</th>
+                            <th>Created</th>
+                            <th>Qty to Print</th>
+                        </tr>
+                    </thead>
+                    <tbody id="unprinted-orders-table">
+                        <!-- Data will be dynamically loaded here -->
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+// Store all orders data for searching
+const allOrders = {{ orders|tojson|safe }};
+let selectedOrderData = null;
+
+function searchOrder() {
+    const searchValue = document.getElementById('search-input').value.trim().toLowerCase();
+    if (!searchValue) {
+        selectedOrderData = null;
+        return;
+    }
+    // Search for matching order
+    const matchedOrder = allOrders.find(order => 
+        order.comanda_productie && order.comanda_productie.toLowerCase().includes(searchValue)
+    );
+    if (matchedOrder) {
+        selectedOrderData = matchedOrder;
+    } else {
+        selectedOrderData = null;
+    }
+}
+
+// Fetch all matching orders and populate preview table
+function fetchMatchingOrders() {
+    const searchValue = document.getElementById('search-input').value.trim().toLowerCase();
+    if (!searchValue) {
+        alert('Please enter an order code to search.');
+        return;
+    }
+    // Find all matching orders
+    const matchingOrders = allOrders.filter(order => 
+        order.comanda_productie && order.comanda_productie.toLowerCase().includes(searchValue)
+    );
+    const tbody = document.getElementById('unprinted-orders-table');
+    tbody.innerHTML = '';
+    if (matchingOrders.length === 0) {
+        tbody.innerHTML = '<tr><td colspan="16" style="text-align:center; color:#dc3545;">No matching orders found.</td></tr>';
+        // Clear preview card
+        updatePreviewCard(null);
+        return;
+    }
+    matchingOrders.forEach((order, idx) => {
+        const tr = document.createElement('tr');
+        tr.innerHTML = `
+            <td>${order.id}</td>
+            <td><strong>${order.comanda_productie}</strong></td>
+            <td>${order.cod_articol || '-'}</td>
+            <td>${order.descr_com_prod}</td>
+            <td style="text-align: right; font-weight: 600;">${order.cantitate}</td>
+            <td style="text-align: center;">${order.data_livrare || '-'}</td>
+            <td style="text-align: center;">${order.dimensiune || '-'}</td>
+            <td>${order.com_achiz_client || '-'}</td>
+            <td style="text-align: right;">${order.nr_linie_com_client || '-'}</td>
+            <td>${order.customer_name || '-'}</td>
+            <td>${order.customer_article_number || '-'}</td>
+            <td>${order.open_for_order || '-'}</td>
+            <td style="text-align: right;">${order.line_number || '-'}</td>
+            <td style="text-align: center;">${order.printed_labels == 1 ? '<span style=\"color: #28a745; font-weight: bold;\">✓ Yes</span>' : '<span style=\"color: #dc3545;\">✗ No</span>'}</td>
+            <td style="font-size: 11px; color: #6c757d;">${order.created_at || '-'}</td>
+            <td>1</td>
+        `;
+        tbody.appendChild(tr);
+        // Update preview card with the first matching order
+        if (idx === 0) updatePreviewCard(order);
+    });
+}
+
+// Update the preview card with order data (as in print_module.html)
+function updatePreviewCard(order) {
+    function set(id, value) {
+        const el = document.getElementById(id);
+        if (el) el.textContent = value || '';
+    }
+    // Always clear barcode SVGs before updating
+    const barcode = document.getElementById('barcode-display');
+    if (barcode) barcode.innerHTML = '';
+    const vbarcode = document.getElementById('vertical-barcode-display');
+    if (vbarcode) vbarcode.innerHTML = '';
+    if (!order) {
+        set('customer-name-row', '');
+        set('quantity-ordered-value', '');
+        set('client-order-info', '');
+        set('delivery-date-value', '');
+        set('description-value', '');
+        set('size-value', '');
+        set('article-code-value', '');
+        set('prod-order-value', '');
+        set('barcode-text', '');
+        set('vertical-barcode-text', '');
+        return;
+    }
+    set('customer-name-row', order.customer_name || '');
+    set('quantity-ordered-value', order.cantitate || '');
+    set('client-order-info', (order.com_achiz_client && order.nr_linie_com_client) ? `${order.com_achiz_client}-${order.nr_linie_com_client}` : '');
+    set('delivery-date-value', order.data_livrare || '');
+    set('description-value', order.descr_com_prod || '');
+    set('size-value', order.dimensiune || '');
+    set('article-code-value', order.cod_articol || '');
+    set('prod-order-value', (order.comanda_productie && order.cantitate) ? `${order.comanda_productie}-${order.cantitate}` : '');
+    set('barcode-text', order.comanda_productie ? `${order.comanda_productie}/001` : '');
+    set('vertical-barcode-text', (order.com_achiz_client && order.nr_linie_com_client) ? `${order.com_achiz_client}/${order.nr_linie_com_client}` : '');
+    // Generate barcodes if JsBarcode is available
+    if (typeof JsBarcode !== 'undefined') {
+        try {
+            JsBarcode("#barcode-display", order.comanda_productie ? `${order.comanda_productie}/001` : ' ', { format: "CODE128", width: 2, height: 40, displayValue: false, margin: 2 });
+        } catch (e) {}
+        try {
+            JsBarcode("#vertical-barcode-display", (order.com_achiz_client && order.nr_linie_com_client) ? `${order.com_achiz_client}/${order.nr_linie_com_client}` : ' ', { format: "CODE128", width: 1.5, height: 35, displayValue: false, margin: 2 });
+        } catch (e) {}
+    }
+}
+
+function selectOrder(orderId) {
+    // Find order by ID
+    const order = allOrders.find(o => o.id === orderId);
+    if (order) {
+        // Populate search field
+        document.getElementById('search-input').value = order.comanda_productie;
+        
+        // Display in search result
+        displaySelectedOrder(order);
+        
+        // Highlight selected row
+        document.querySelectorAll('#orders-table tr').forEach(row => {
+            row.classList.remove('selected');
+        });
+        event.currentTarget.classList.add('selected');
+        
+        // Scroll to top
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+}
+
+function displaySelectedOrder(order) {
+    selectedOrderData = order;
+    
+    const resultDiv = document.getElementById('search-result');
+    const tbody = document.getElementById('selected-order-row');
+    
+    // Format date
+    let dateStr = '-';
+    if (order.data_livrare) {
+        dateStr = order.data_livrare;
+    }
+    
+    // Format created_at
+    let createdStr = '-';
+    if (order.created_at) {
+        createdStr = order.created_at;
+    }
+    
+    tbody.innerHTML = `
+        <tr>
+            <td>${order.id}</td>
+            <td><strong>${order.comanda_productie}</strong></td>
+            <td>${order.cod_articol || '-'}</td>
+            <td>${order.descr_com_prod}</td>
+            <td style="text-align: right; font-weight: 600;">${order.cantitate}</td>
+            <td style="text-align: center;">${dateStr}</td>
+            <td style="text-align: center;">${order.dimensiune || '-'}</td>
+            <td>${order.com_achiz_client || '-'}</td>
+            <td style="text-align: right;">${order.nr_linie_com_client || '-'}</td>
+            <td>${order.customer_name || '-'}</td>
+            <td>${order.customer_article_number || '-'}</td>
+            <td>${order.open_for_order || '-'}</td>
+            <td style="text-align: right;">${order.line_number || '-'}</td>
+            <td style="text-align: center;">
+                ${order.printed_labels == 1 ? '<span style="color: #28a745; font-weight: bold;">✓ Yes</span>' : '<span style="color: #dc3545;">✗ No</span>'}
+            </td>
+            <td style="font-size: 11px; color: #6c757d;">${createdStr}</td>
+        </tr>
+    `;
+    
+    resultDiv.style.display = 'block';
+    document.getElementById('print-button').disabled = false;
+}
+
+function printLabels() {
+    if (!selectedOrderData) {
+        alert('Please select an order first');
+        return;
+    }
+    
+    const quantity = parseInt(document.getElementById('quantity-input').value);
+    if (!quantity || quantity < 1) {
+        alert('Please enter a valid quantity');
+        return;
+    }
+    
+    // Redirect to print module with order data
+    const orderIds = [selectedOrderData.id];
+    const url = `/print_module?order_ids=${orderIds.join(',')}&quantity=${quantity}`;
+    window.location.href = url;
+}
+</script>
+{% endblock %}
diff --git a/py_app/app/templates/print_module.html b/py_app/app/templates/print_module.html
index fe8e554..dc00072 100644
--- a/py_app/app/templates/print_module.html
+++ b/py_app/app/templates/print_module.html
@@ -912,10 +912,13 @@ async function generatePDFAndPrint(selectedPrinter, orderData, pieceNumber, tota
         
         console.log(`🖨️ Sending PDF to printer ${selectedPrinter}...`);
         
-        // Configure QZ Tray for PDF printing
+        // Configure QZ Tray for PDF printing with explicit paper size
         const config = qz.configs.create(selectedPrinter, {
             scaleContent: false,
-            rasterize: false
+            rasterize: false,
+            size: { width: 80, height: 100 },
+            units: 'mm',
+            margins: { top: 0, right: 0, bottom: 0, left: 0 }
         });
         
         // Prepare PDF data for QZ Tray
@@ -1033,7 +1036,7 @@ function generateHTMLLabel(orderData, pieceNumber, totalPieces) {
         <meta charset="UTF-8">
         <style>
             @page {
-                size: 80mm 110mm;
+                size: 80mm 100mm;
                 margin: 0;
             }
             * {
@@ -1044,7 +1047,7 @@ function generateHTMLLabel(orderData, pieceNumber, totalPieces) {
                 padding: 0;
                 font-family: Arial, sans-serif;
                 width: 80mm;
-                height: 110mm;
+                height: 105mm;
                 position: relative;
                 background: white;
                 font-size: 12px;