Index: interfejs/store-owner.html
===================================================================
--- interfejs/store-owner.html	(revision 591278cabf928650250cb8d40aabda08753a31c5)
+++ interfejs/store-owner.html	(revision 62b296460f935ff5cc47a75f6567f97df5a244a7)
@@ -18,4 +18,6 @@
             <li><a href="products.html">Products</a></li>
             <li><a href="#" id="dashboard-link" class="active">Store Owner</a></li>
+            <li><a href="change-password.html" class="change-password-btn">🔑 Change Password</a></li>
+            <li><a href="#" id="logout-link">Logout</a></li>
         </ul>
     </nav>
@@ -457,4 +459,10 @@
         document.getElementById('owner-name').textContent = `${user.firstName} ${user.lastName || ''}`;
 
+        // Logout functionality
+        document.getElementById('logout-link').addEventListener('click', async (e) => {
+            e.preventDefault();
+            await logout();
+        });
+
         // Load stores
         const stores = user.stores || [];
@@ -484,4 +492,5 @@
                 document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
                 document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+
                 btn.classList.add('active');
                 document.getElementById(`${btn.dataset.tab}-tab`).classList.add('active');
@@ -558,20 +567,21 @@
             const response = await fetch(`/api/store-products?storeId=${storeId}`);
             const data = await response.json();
+
             const tbody = document.getElementById('products-list');
 
             if (data.success && data.products.length > 0) {
                 tbody.innerHTML = data.products.map(product => `
-                        <tr>
-                            <td>${product.code}</td>
-                            <td>${product.description.substring(0, 30)}${product.description.length > 30 ? '...' : ''}</td>
-                            <td>$${parseFloat(product.price).toFixed(2)}</td>
-                            <td>${product.availability}</td>
-                            <td>${product.category_name || 'General'}</td>
-                            <td>
-                                <button class="btn-small" onclick="editProduct('${product.code}')">Edit</button>
-                                <button class="btn-small" style="background: var(--danger);" onclick="deleteProduct('${product.code}', '${storeId}')">Delete</button>
-                            </td>
-                        </tr>
-                    `).join('');
+                    <tr>
+                        <td>${product.code}</td>
+                        <td>${product.description.substring(0, 30)}${product.description.length > 30 ? '...' : ''}</td>
+                        <td>$${parseFloat(product.price).toFixed(2)}</td>
+                        <td>${product.availability}</td>
+                        <td>${product.category_name || 'General'}</td>
+                        <td>
+                            <button class="btn-small" onclick="editProduct('${product.code}')">Edit</button>
+                            <button class="btn-small" style="background: var(--danger);" onclick="deleteProduct('${product.code}', '${storeId}')">Delete</button>
+                        </td>
+                    </tr>
+                `).join('');
             } else {
                 tbody.innerHTML = '<tr><td colspan="6">No products found</td></tr>';
@@ -587,4 +597,5 @@
             const response = await fetch(`/api/store-orders?storeId=${storeId}`);
             const data = await response.json();
+
             const tbody = document.getElementById('orders-list');
 
@@ -593,16 +604,17 @@
                     const total = order.items ? order.items.reduce((sum, item) =>
                         sum + (item.price * item.quantity), 0) : 0;
+
                     return `
-                            <tr>
-                                <td>${order.order_num}</td>
-                                <td>${order.first_name} ${order.last_name}</td>
-                                <td>${new Date(order.order_date).toLocaleDateString()}</td>
-                                <td><span class="status-badge status-${order.status}">${order.status}</span></td>
-                                <td>$${total.toFixed(2)}</td>
-                                <td>
-                                    <button class="btn-small" onclick="viewOrder('${order.order_num}')">View</button>
-                                </td>
-                            </tr>
-                        `;
+                        <tr>
+                            <td>${order.order_num}</td>
+                            <td>${order.first_name} ${order.last_name}</td>
+                            <td>${new Date(order.order_date).toLocaleDateString()}</td>
+                            <td><span class="status-badge status-${order.status}">${order.status}</span></td>
+                            <td>$${total.toFixed(2)}</td>
+                            <td>
+                                <button class="btn-small" onclick="viewOrder('${order.order_num}')">View</button>
+                            </td>
+                        </tr>
+                    `;
                 }).join('');
             } else {
@@ -619,20 +631,21 @@
             const response = await fetch(`/api/store-employees?storeId=${storeId}`);
             const data = await response.json();
+
             const tbody = document.getElementById('employees-list');
 
             if (data.success && data.employees.length > 0) {
                 tbody.innerHTML = data.employees.map(emp => `
-                        <tr>
-                            <td>${emp.id}</td>
-                            <td>${emp.first_name} ${emp.last_name}</td>
-                            <td>${emp.email}</td>
-                            <td>${emp.date_of_hire || 'N/A'}</td>
-                            <td><span class="status-badge">${emp.permission_type || 'EMPLOYEE'}</span></td>
-                            <td>
-                                <button class="btn-small" onclick="editEmployee('${emp.id}')">Edit</button>
-                                <button class="btn-small" style="background: var(--danger);" onclick="deleteEmployee('${emp.id}', '${storeId}')">Delete</button>
-                            </td>
-                        </tr>
-                    `).join('');
+                    <tr>
+                        <td>${emp.id}</td>
+                        <td>${emp.first_name} ${emp.last_name}</td>
+                        <td>${emp.email}</td>
+                        <td>${emp.date_of_hire || 'N/A'}</td>
+                        <td><span class="status-badge">${emp.permission_type || 'EMPLOYEE'}</span></td>
+                        <td>
+                            <button class="btn-small" onclick="editEmployee('${emp.id}')">Edit</button>
+                            <button class="btn-small" style="background: var(--danger);" onclick="deleteEmployee('${emp.id}', '${storeId}')">Delete</button>
+                        </td>
+                    </tr>
+                `).join('');
             } else {
                 tbody.innerHTML = '<tr><td colspan="6">No employees found</td></tr>';
@@ -661,4 +674,5 @@
                     `<option value="${cat.category_id}">${cat.name}</option>`
                 ).join('');
+
                 document.getElementById('category-parent').innerHTML = '<option value="">None (Top Level Category)</option>' + parentOptions;
             }
@@ -787,4 +801,5 @@
                 document.getElementById('add-product-form').reset();
                 loadProducts(storeId);
+
                 // Switch to products tab
                 document.querySelector('[data-tab="products"]').click();
@@ -839,4 +854,5 @@
                 document.getElementById('add-employee-form').reset();
                 loadEmployees(storeId);
+
                 // Switch to employees tab
                 document.querySelector('[data-tab="employees"]').click();
@@ -1061,9 +1077,9 @@
 
         document.getElementById('report-results').innerHTML = `
-                <div class="dashboard-section">
-                    <h4>Generating Report...</h4>
-                    <div class="loading">Please wait</div>
-                </div>
-            `;
+            <div class="dashboard-section">
+                <h4>Generating Report...</h4>
+                <div class="loading">Please wait</div>
+            </div>
+        `;
 
         try {
@@ -1084,28 +1100,28 @@
             if (data.success) {
                 document.getElementById('report-results').innerHTML = `
-                        <div class="dashboard-section">
-                            <h4>Report Generated Successfully</h4>
-                            <p><strong>Report ID:</strong> ${data.reportId}</p>
-                            <p><strong>Period:</strong> ${data.report.period}</p>
-                            <p><strong>Date Range:</strong> ${data.report.startDate} to ${data.report.endDate}</p>
-                            <p><strong>Type:</strong> ${data.report.type}</p>
-                            <p><strong>Generated:</strong> ${new Date(data.report.generatedAt).toLocaleString()}</p>
-                            <button class="btn-small" onclick="downloadReport('${data.reportId}')">Download Report</button>
-                        </div>
-                    `;
+                    <div class="dashboard-section">
+                        <h4>Report Generated Successfully</h4>
+                        <p><strong>Report ID:</strong> ${data.reportId}</p>
+                        <p><strong>Period:</strong> ${data.report.period}</p>
+                        <p><strong>Date Range:</strong> ${data.report.startDate} to ${data.report.endDate}</p>
+                        <p><strong>Type:</strong> ${data.report.type}</p>
+                        <p><strong>Generated:</strong> ${new Date(data.report.generatedAt).toLocaleString()}</p>
+                        <button class="btn-small" onclick="downloadReport('${data.reportId}')">Download Report</button>
+                    </div>
+                `;
             } else {
                 document.getElementById('report-results').innerHTML = `
-                        <div class="dashboard-section">
-                            <p class="error">Failed to generate report: ${data.message}</p>
-                        </div>
-                    `;
+                    <div class="dashboard-section">
+                        <p class="error">Failed to generate report: ${data.message}</p>
+                    </div>
+                `;
             }
         } catch (error) {
             console.error('Error generating report:', error);
             document.getElementById('report-results').innerHTML = `
-                    <div class="dashboard-section">
-                        <p class="error">An error occurred while generating the report</p>
-                    </div>
-                `;
+                <div class="dashboard-section">
+                    <p class="error">An error occurred while generating the report</p>
+                </div>
+            `;
         }
     }
