From a0a4cd28aac99f1f30365ffa1ede21427308e026 Mon Sep 17 00:00:00 2001
From: Bartek <banaczyk@magico.pl>
Date: Thu, 5 Mar 2026 23:30:31 +0100
Subject: [PATCH] =?UTF-8?q?Dialog=20podgl=C4=85u=20w=20fv=20zakupowych?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 prototype/invoice/app-purchase-list.php | 360 ++++++++++++++++++++++--
 1 file changed, 342 insertions(+), 18 deletions(-)

diff --git a/prototype/invoice/app-purchase-list.php b/prototype/invoice/app-purchase-list.php
index 9a17e73..75edc7c 100644
--- a/prototype/invoice/app-purchase-list.php
+++ b/prototype/invoice/app-purchase-list.php
@@ -394,19 +394,34 @@ include '../../header-invoice.php';
                                 </td>
                                 <td class="text-center">
                                     <div class="d-flex justify-content-center align-items-center gap-1">
+                                        <a href="javascript:void(0);" data-bs-toggle="modal"
+                                            data-bs-target="#invoicePreviewModal"
+                                            class="btn btn-icon btn-sm text-secondary" title="Podgląd">
+                                            <i class="bx bx-show"></i>
+                                        </a>
                                         <div class="dropdown">
                                             <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                 data-bs-toggle="dropdown">
                                                 <i class="bx bx-dots-vertical-rounded"></i>
                                             </button>
                                             <div class="dropdown-menu dropdown-menu-end">
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                <a class="dropdown-item" href="app-purchase-add.php"><i
+                                                        class="bx bx-edit-alt me-1"></i> Edytuj</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"
+                                                    data-bs-toggle="modal" data-bs-target="#invoicePreviewModal"><i
                                                         class="bx bx-show me-1"></i> Podgląd</a>
                                                 <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-download me-1"></i> Pobierz skan</a>
+                                                        class="bx bx-printer me-1"></i> Drukuj (PDF)</a>
                                                 <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">Finanse</h6>
                                                 <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-edit-alt me-1"></i> Edytuj</a>
+                                                        class="bx bx-money me-1"></i> Rozlicz fakturę</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">System</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-duplicate me-1"></i> Duplikuj jako nową</a>
+                                                <a class="dropdown-item text-danger" href="javascript:void(0);"><i
+                                                        class="bx bx-trash me-1"></i> Usuń fakturę</a>
                                             </div>
                                         </div>
                                     </div>
@@ -439,20 +454,34 @@ include '../../header-invoice.php';
                                             title="Oznacz jako opłaconą">
                                             <i class="bx bx-check"></i>
                                         </button>
-
+                                        <a href="javascript:void(0);" data-bs-toggle="modal"
+                                            data-bs-target="#invoicePreviewModal"
+                                            class="btn btn-icon btn-sm text-secondary" title="Podgląd">
+                                            <i class="bx bx-show"></i>
+                                        </a>
                                         <div class="dropdown">
                                             <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                 data-bs-toggle="dropdown">
                                                 <i class="bx bx-dots-vertical-rounded"></i>
                                             </button>
                                             <div class="dropdown-menu dropdown-menu-end">
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-money me-1"></i> Dodaj płatność</a>
-                                                <div class="dropdown-divider"></div>
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                <a class="dropdown-item" href="app-purchase-add.php"><i
+                                                        class="bx bx-edit-alt me-1"></i> Edytuj</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"
+                                                    data-bs-toggle="modal" data-bs-target="#invoicePreviewModal"><i
                                                         class="bx bx-show me-1"></i> Podgląd</a>
                                                 <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-download me-1"></i> Pobierz skan</a>
+                                                        class="bx bx-printer me-1"></i> Drukuj (PDF)</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">Finanse</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-money me-1"></i> Rozlicz fakturę</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">System</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-duplicate me-1"></i> Duplikuj jako nową</a>
+                                                <a class="dropdown-item text-danger" href="javascript:void(0);"><i
+                                                        class="bx bx-trash me-1"></i> Usuń fakturę</a>
                                             </div>
                                         </div>
                                     </div>
@@ -487,16 +516,34 @@ include '../../header-invoice.php';
                                             title="Oznacz jako opłaconą">
                                             <i class="bx bx-check"></i>
                                         </button>
+                                        <a href="javascript:void(0);" data-bs-toggle="modal"
+                                            data-bs-target="#invoicePreviewModal"
+                                            class="btn btn-icon btn-sm text-secondary" title="Podgląd">
+                                            <i class="bx bx-show"></i>
+                                        </a>
                                         <div class="dropdown">
                                             <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                 data-bs-toggle="dropdown">
                                                 <i class="bx bx-dots-vertical-rounded"></i>
                                             </button>
                                             <div class="dropdown-menu dropdown-menu-end">
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-money me-1"></i> Dodaj płatność</a>
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                <a class="dropdown-item" href="app-purchase-add.php"><i
+                                                        class="bx bx-edit-alt me-1"></i> Edytuj</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"
+                                                    data-bs-toggle="modal" data-bs-target="#invoicePreviewModal"><i
                                                         class="bx bx-show me-1"></i> Podgląd</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-printer me-1"></i> Drukuj (PDF)</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">Finanse</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-money me-1"></i> Rozlicz fakturę</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">System</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-duplicate me-1"></i> Duplikuj jako nową</a>
+                                                <a class="dropdown-item text-danger" href="javascript:void(0);"><i
+                                                        class="bx bx-trash me-1"></i> Usuń fakturę</a>
                                             </div>
                                         </div>
                                     </div>
@@ -529,19 +576,34 @@ include '../../header-invoice.php';
                                 </td>
                                 <td class="text-center">
                                     <div class="d-flex justify-content-center align-items-center gap-1">
+                                        <a href="javascript:void(0);" data-bs-toggle="modal"
+                                            data-bs-target="#invoicePreviewModal"
+                                            class="btn btn-icon btn-sm text-secondary" title="Podgląd">
+                                            <i class="bx bx-show"></i>
+                                        </a>
                                         <div class="dropdown">
                                             <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                                 data-bs-toggle="dropdown">
                                                 <i class="bx bx-dots-vertical-rounded"></i>
                                             </button>
                                             <div class="dropdown-menu dropdown-menu-end">
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-money me-1"></i> Rozlicz resztę</a>
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
-                                                        class="bx bx-history me-1"></i> Historia wpłat</a>
-                                                <div class="dropdown-divider"></div>
-                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                <a class="dropdown-item" href="app-purchase-add.php"><i
+                                                        class="bx bx-edit-alt me-1"></i> Edytuj</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"
+                                                    data-bs-toggle="modal" data-bs-target="#invoicePreviewModal"><i
                                                         class="bx bx-show me-1"></i> Podgląd</a>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-printer me-1"></i> Drukuj (PDF)</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">Finanse</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-money me-1"></i> Rozlicz fakturę</a>
+                                                <div class="dropdown-divider"></div>
+                                                <h6 class="dropdown-header text-uppercase ps-3">System</h6>
+                                                <a class="dropdown-item" href="javascript:void(0);"><i
+                                                        class="bx bx-duplicate me-1"></i> Duplikuj jako nową</a>
+                                                <a class="dropdown-item text-danger" href="javascript:void(0);"><i
+                                                        class="bx bx-trash me-1"></i> Usuń fakturę</a>
                                             </div>
                                         </div>
                                     </div>
@@ -781,6 +843,268 @@ include '../../header-invoice.php';
 </script>
 
 
+<!-- Modal: Invoice Preview -->
+<div class="modal fade" id="invoicePreviewModal" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable" role="document">
+        <div class="modal-content">
+
+            <div class="modal-header border-bottom py-3 d-flex justify-content-between align-items-center">
+                <div class="d-flex align-items-center gap-3">
+                    <h4 class="modal-title fw-bold mb-0">FZ/2026/02/001</h4>
+                    <span class="badge bg-label-success fs-6">Opłacona</span>
+                </div>
+                <div class="d-flex align-items-center gap-2">
+
+                    <button type="button" class="btn btn-icon btn-label-secondary" data-bs-toggle="tooltip"
+                        title="Drukuj PDF">
+                        <i class="bx bx-printer"></i>
+                    </button>
+                    <button type="button" class="btn btn-icon btn-label-secondary" data-bs-toggle="tooltip"
+                        title="Edytuj">
+                        <i class="bx bx-edit-alt"></i>
+                    </button>
+                    <button type="button" class="btn btn-success d-flex align-items-center">
+                        <i class="bx bx-money me-1"></i> Rozlicz
+                    </button>
+
+                    <div class="dropdown">
+                        <button class="btn btn-primary" type="button" id="dropdownInvoiceActions"
+                            data-bs-toggle="dropdown" aria-expanded="false">
+                            Więcej akcji <i class="bx bx-chevron-down ms-1"></i>
+                        </button>
+                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownInvoiceActions">
+                            <h6 class="dropdown-header text-uppercase ps-3">Finanse</h6>
+                            <li><button class="dropdown-item"><i class="bx bx-money me-2"></i> Dodaj płatność </button>
+                            </li>
+                            <li><a href="#" class="dropdown-item"><i class="bx bx-revision me-2"></i> Wystaw korektę
+                                </a></li>
+
+                            <div class="dropdown-divider"></div>
+                            <h6 class="dropdown-header text-uppercase ps-3">System</h6>
+                            <li><button class="dropdown-item"><i class="bx bx-duplicate me-2"></i> Duplikuj jako nową
+                                </button></li>
+                            <li><button class="dropdown-item text-danger"><i class="bx bx-trash me-2"></i> Usuń fakturę
+                                </button></li>
+                        </ul>
+                    </div>
+
+                    <button type="button" class="btn-close ms-2" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+            </div>
+
+            <div class="modal-body bg-lighter p-4">
+
+                <div class="row g-4 mb-4">
+
+                    <div class="col-lg-4">
+                        <div class="card h-100 shadow-sm border-0">
+                            <div class="card-body p-4">
+                                <h6 class="card-title m-0 mb-3"><i class="bx bx-store me-2"></i>Sprzedawca</h6>
+                                <h6 class="mb-1">OVH Sp. z o.o.</h6>
+                                <p class="mb-1 mt-2">ul. Swobodna 1</p>
+                                <p class="mb-2">50-088 Wrocław, Polska</p>
+                                <span class="badge bg-label-secondary">NIP: 899 25 20 556</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-4">
+                        <div class="card h-100 shadow-sm border-0">
+                            <div class="card-body p-4">
+                                <h6 class="card-title m-0 mb-3"><i class="bx bx-user me-2"></i>Nabywca</h6>
+                                <h6 class="mb-1">MARIUSZ BANACZYK "BURGER BAR"</h6>
+                                <p class="mb-1 text-muted small">KARCZMA BIESIADA, KULTOWA ZAPIEKANKA</p>
+                                <p class="mb-1 mt-2">ul. Ofiar Katynia 2</p>
+                                <p class="mb-2">37-450 Stalowa Wola, Polska</p>
+                                <span class="badge bg-label-secondary">NIP: 865 000 14 51</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-4">
+                        <div class="card h-100 shadow-sm border-0 bg-white">
+                            <div class="card-body p-4">
+                                <h6 class="card-title m-0 mb-3"><i class="bx bx-info-circle me-2"></i>Szczegóły</h6>
+                                <table class="table table-borderless table-sm m-0 px-0">
+                                    <tbody>
+                                        <tr>
+                                            <td class="text-muted ps-0 py-1">Data zakupu:</td>
+                                            <td class="fw-medium text-end pe-0 py-1">2026-02-15</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted ps-0 py-1">Termin płatności:</td>
+                                            <td class="fw-bold text-end pe-0 py-1">2026-02-22</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted ps-0 py-1">Kategoria kosztu:</td>
+                                            <td class="fw-medium text-end pe-0 py-1">Usługi obce</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted ps-0 py-1">Metoda:</td>
+                                            <td class="fw-medium text-end pe-0 py-1">Przelew</td>
+                                        </tr>
+                                        <tr>
+                                            <td class="text-muted ps-0 py-1">Waluta / Język:</td>
+                                            <td class="fw-medium text-end pe-0 py-1">PLN / Polski</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="card shadow-sm border-0 mb-4">
+                    <div class="table-responsive text-nowrap">
+                        <table class="table table-hover mb-0">
+                            <thead class="table-light">
+                                <tr>
+                                    <th style="width: 50px;">Lp</th>
+                                    <th>Towar / Usługa</th>
+                                    <th>J.m.</th>
+                                    <th class="text-center">Ilość</th>
+                                    <th class="text-end">Cena netto</th>
+                                    <th class="text-end">Cena brutto</th>
+                                    <th class="text-center">VAT</th>
+                                    <th class="text-end">Wartość netto</th>
+                                    <th class="text-end">Wartość brutto</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td class="text-muted">1</td>
+                                    <td>
+                                        <div class="d-flex flex-column">
+                                            <span class="fw-medium">Hosting i domeny</span>
+                                            <small class="text-muted">Kod: -</small>
+                                        </div>
+                                    </td>
+                                    <td>szt.</td>
+                                    <td class="text-center">1</td>
+                                    <td class="text-end">100,00 zł</td>
+                                    <td class="text-end">123,00 zł</td>
+                                    <td class="text-center"><span class="badge bg-label-secondary">23%</span></td>
+                                    <td class="text-end fw-medium">100,00 zł</td>
+                                    <td class="text-end fw-bold text-heading">123,00 zł</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+
+                <div class="row mb-4 g-4">
+                    <div class="col-md-7">
+                        <div class="card shadow-sm border-0 h-100 bg-white p-4">
+                            <h6 class="text-uppercase text-muted fw-bold mb-2">Opis zdarzenia</h6>
+                            <p class="mb-0 text-body">
+                                Opłata roczna za usługi hostingowe dla domeny
+                            </p>
+                        </div>
+                    </div>
+
+                    <div class="col-md-5">
+                        <div class="card shadow-sm border-0 h-100 bg-white p-4">
+                            <h6 class="text-uppercase text-muted fw-bold mb-3 border-bottom pb-2">Suma</h6>
+                            <div class="d-flex justify-content-between mb-2">
+                                <span class="text-muted">Wartość netto:</span>
+                                <span class="fw-medium">100,00 zł</span>
+                            </div>
+                            <div class="d-flex justify-content-between mb-3 border-bottom pb-3">
+                                <span class="text-muted">Wartość VAT:</span>
+                                <span class="fw-medium">23,00 zł</span>
+                            </div>
+                            <div class="d-flex justify-content-between align-items-center mb-3">
+                                <span class="fs-5 text-body">Wartość brutto:</span>
+                                <span class="fs-4 fw-bold text-primary">123,00 zł</span>
+                            </div>
+                            <div class="d-flex justify-content-between text-success">
+                                <span>Zapłacono:</span>
+                                <span class="fw-bold">123,00 zł</span>
+                            </div>
+                            <div class="d-flex justify-content-between text-muted mt-1 small">
+                                <span>Pozostało do zapłaty:</span>
+                                <span>0,00 zł</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="card shadow-sm border-0 mb-4">
+                    <div class="card-header bg-white border-bottom py-3">
+                        <h6 class="card-title m-0"><i class="bx bx-paperclip me-2"></i>Załączniki</h6>
+                    </div>
+                    <div class="card-body p-4">
+                        <div class="d-flex flex-wrap gap-3">
+                            <div
+                                class="border rounded p-3 d-flex align-items-center justify-content-between w-100 mb-2">
+                                <div class="d-flex align-items-center">
+                                    <i class="bx bxs-file-pdf fs-2 text-danger me-3"></i>
+                                    <div>
+                                        <h6 class="mb-0">FZ2026_02_001.pdf</h6>
+                                        <small class="text-muted">1.2 MB &bull; Wgrano: 2026-02-15 10:23</small>
+                                    </div>
+                                </div>
+                                <div class="d-flex gap-2">
+                                    <button class="btn btn-icon btn-sm btn-label-secondary"><i
+                                            class="bx bx-show"></i></button>
+                                    <button class="btn btn-icon btn-sm btn-label-primary"><i
+                                            class="bx bx-download"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="card shadow-sm border-0">
+                    <div class="card-header bg-white border-bottom py-3">
+                        <h6 class="card-title m-0"><i class="bx bx-history me-2"></i>Historia operacji na dokumencie
+                        </h6>
+                    </div>
+                    <div class="card-body p-4">
+                        <ul class="timeline mb-0">
+                            <li class="timeline-item timeline-item-transparent">
+                                <span class="timeline-point timeline-point-success"></span>
+                                <div class="timeline-event">
+                                    <div class="timeline-header mb-1">
+                                        <h6 class="mb-0 fw-bold">Skonfigurowano płatność</h6>
+                                        <small class="text-muted">2026-02-15 10:35:12</small>
+                                    </div>
+                                    <p class="mb-2 text-muted">Zatwierdzono i opłacono dokument</p>
+                                    <div class="d-flex align-items-center">
+                                        <div class="avatar avatar-xs me-2">
+                                            <span class="avatar-initial rounded-circle bg-label-primary">GB</span>
+                                        </div>
+                                        <span class="small fw-medium">Grażyna Banaczyk</span>
+                                    </div>
+                                </div>
+                            </li>
+                            <li class="timeline-item timeline-item-transparent border-transparent pb-0">
+                                <span class="timeline-point timeline-point-info"></span>
+                                <div class="timeline-event pb-0">
+                                    <div class="timeline-header mb-1">
+                                        <h6 class="mb-0 fw-bold">Utworzono koszt</h6>
+                                        <small class="text-muted">2026-02-15 10:23:48</small>
+                                    </div>
+                                    <p class="mb-2 text-muted">Dodano dokument kosztowy manualnie dociągając plik PDF
+                                    </p>
+                                    <div class="d-flex align-items-center mt-2">
+                                        <div class="avatar avatar-xs me-2">
+                                            <span class="avatar-initial rounded-circle bg-label-primary">GB</span>
+                                        </div>
+                                        <span class="small fw-medium">Grażyna Banaczyk</span>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>
+
+
 <?php include '../../footer.php'; ?>
 
 <script>