Dialog podgląu w fv zakupowych
This commit is contained in:
@@ -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 • 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>
|
||||
|
||||
Reference in New Issue
Block a user