339 lines
20 KiB
PHP
339 lines
20 KiB
PHP
<?php
|
||
$enablePrototypeComments = true;
|
||
include '../../header-invoice.php';
|
||
?>
|
||
|
||
<div class="container-xxl flex-grow-1 container-p-y">
|
||
|
||
<h4 class="fw-bold py-3 mb-4 d-flex justify-content-between align-items-center">
|
||
<div>
|
||
<span class="text-muted fw-light">Zarządzanie zespołem /</span> Grupy
|
||
</div>
|
||
<a href="app-group-edit.php" class="btn btn-primary">
|
||
<i class="bx bx-plus me-1"></i> Utwórz grupę
|
||
</a>
|
||
</h4>
|
||
|
||
<!-- Filters/Search Card -->
|
||
<div class="card mb-4">
|
||
<div class="card-body">
|
||
<div class="row gx-3 gy-2 align-items-center">
|
||
<div class="col-md-4">
|
||
<label class="form-label" for="searchGroup">Wyszukaj grupę</label>
|
||
<div class="input-group input-group-merge">
|
||
<span class="input-group-text"><i class="bx bx-search"></i></span>
|
||
<input type="text" id="searchGroup" class="form-control" placeholder="Wpisz nazwę...">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label class="form-label" for="filterStatus">Status</label>
|
||
<select id="filterStatus" class="form-select">
|
||
<option value="">Wszystkie</option>
|
||
<option value="active">Aktywne</option>
|
||
<option value="inactive">Nieaktywne</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-md-5 d-flex align-items-end justify-content-md-end mt-md-0 mt-3">
|
||
<button class="btn btn-label-secondary"><i class="bx bx-reset me-1"></i> Wyczyść filtry</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Groups Table -->
|
||
<div class="card">
|
||
<h5 class="card-header border-bottom">Lista grup dostępu</h5>
|
||
<div class="table-responsive text-nowrap pb-2">
|
||
<table class="table table-hover">
|
||
<thead class="table-light">
|
||
<tr>
|
||
<th style="width: 250px;">Nazwa grupy</th>
|
||
<th>Opis</th>
|
||
<th style="width: 150px;">Członkowie</th>
|
||
<th class="text-center" style="width: 100px;">Status</th>
|
||
<th class="text-end" style="width: 120px;">Akcje</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="table-border-bottom-0">
|
||
|
||
<!-- Wiersz 1: Kadra Kierownicza -->
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div
|
||
class="avatar avatar-sm me-3 bg-label-primary rounded p-1 flex-shrink-0 d-flex align-items-center justify-content-center">
|
||
<i class="bx bx-briefcase fs-4"></i>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h6 class="mb-0 fw-semibold"><a href="app-group-edit.php"
|
||
class="text-body text-truncate">Kadra Kierownicza</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<span class="text-muted small text-truncate d-block" style="max-width: 300px;">
|
||
Pełny wgląd w raporty finansowe, listę pracowników oraz obieg dokumentów.
|
||
</span>
|
||
</td>
|
||
<td>
|
||
<div class="d-flex align-items-center avatar-group">
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Jan Kowalski">
|
||
<img src="https://ui-avatars.com/api/?name=Jan+Kowalski&background=e7e7ff&color=696cff"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Anna Nowak">
|
||
<img src="https://ui-avatars.com/api/?name=Anna+Nowak&background=ffe7e7&color=ff6969"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Piotr Wiśniewski">
|
||
<img src="https://ui-avatars.com/api/?name=Piotr+Wiśniewski&background=e7ffe7&color=69ff69"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td class="text-center">
|
||
<span class="badge bg-label-success">Aktywna</span>
|
||
</td>
|
||
<td class="text-end">
|
||
<div class="d-flex justify-content-end align-items-center">
|
||
<div class="btn-group" role="group">
|
||
<a href="app-group-edit.php" class="btn btn-outline-secondary btn-sm">
|
||
<i class="bx bx-edit-alt me-1 d-none d-sm-inline-block"></i> Edytuj
|
||
</a>
|
||
<div class="btn-group">
|
||
<button type="button"
|
||
class="btn btn-outline-secondary btn-sm dropdown-toggle dropdown-toggle-split"
|
||
data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||
<div class="dropdown-menu dropdown-menu-end mt-1">
|
||
<a href="javascript:void(0);" class="dropdown-item"><i
|
||
class="bx bx-copy me-2"></i> Duplikuj</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a href="javascript:void(0);" class="dropdown-item text-danger"><i
|
||
class="bx bx-trash me-2"></i> Usuń</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Wiersz 2: Dział Marketingu -->
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div
|
||
class="avatar avatar-sm me-3 bg-label-info rounded p-1 flex-shrink-0 d-flex align-items-center justify-content-center">
|
||
<i class="bx bx-broadcast fs-4"></i>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h6 class="mb-0 fw-semibold"><a href="app-group-edit.php"
|
||
class="text-body text-truncate">Dział Marketingu</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<span class="text-muted small text-truncate d-block" style="max-width: 300px;">
|
||
Dostęp do lejków sprzedażowych, mailingów i zarządzania ofertami.
|
||
</span>
|
||
</td>
|
||
<td>
|
||
<div class="d-flex align-items-center avatar-group">
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Katarzyna Lewandowska">
|
||
<img src="https://ui-avatars.com/api/?name=Katarzyna+Lewandowska&background=e7f0ff&color=69a6ff"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Michał Zieliński">
|
||
<img src="https://ui-avatars.com/api/?name=Michał+Zieliński&background=fff4e7&color=ffb869"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Zuzanna Szymańska">
|
||
<span class="avatar-initial rounded-circle bg-label-warning pull-up">ZS</span>
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Tomasz Dąbrowski">
|
||
<img src="https://ui-avatars.com/api/?name=Tomasz+Dąbrowski&background=e7ebff&color=697fff"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm">
|
||
<span class="avatar-initial rounded-circle bg-lighter text-body pull-up"
|
||
data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="5 kolejnych osób">+5</span>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td class="text-center">
|
||
<span class="badge bg-label-success">Aktywna</span>
|
||
</td>
|
||
<td class="text-end">
|
||
<div class="d-flex justify-content-end align-items-center">
|
||
<div class="btn-group" role="group">
|
||
<a href="app-group-edit.php" class="btn btn-outline-secondary btn-sm">
|
||
<i class="bx bx-edit-alt me-1 d-none d-sm-inline-block"></i> Edytuj
|
||
</a>
|
||
<div class="btn-group">
|
||
<button type="button"
|
||
class="btn btn-outline-secondary btn-sm dropdown-toggle dropdown-toggle-split"
|
||
data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||
<div class="dropdown-menu dropdown-menu-end mt-1">
|
||
<a href="javascript:void(0);" class="dropdown-item"><i
|
||
class="bx bx-copy me-2"></i> Duplikuj</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a href="javascript:void(0);" class="dropdown-item text-danger"><i
|
||
class="bx bx-trash me-2"></i> Usuń</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Wiersz 3: Dział Obsługi Klienta -->
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div
|
||
class="avatar avatar-sm me-3 bg-label-success rounded p-1 flex-shrink-0 d-flex align-items-center justify-content-center">
|
||
<i class="bx bx-support fs-4"></i>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h6 class="mb-0 fw-semibold"><a href="app-group-edit.php"
|
||
class="text-body text-truncate">Dział Obsługi Klienta</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<span class="text-muted small text-truncate d-block" style="max-width: 300px;">
|
||
Dostęp do ticketów, korespondencji i podstawowych danych konrahentów.
|
||
</span>
|
||
</td>
|
||
<td>
|
||
<div class="d-flex align-items-center avatar-group">
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Magdalena Kaczmarek">
|
||
<img src="https://ui-avatars.com/api/?name=Magdalena+Kaczmarek&background=f4ffe7&color=b8ff69"
|
||
alt="Avatar" class="rounded-circle pull-up">
|
||
</div>
|
||
<div class="avatar avatar-sm" data-bs-toggle="tooltip" data-bs-placement="top"
|
||
title="Kamil Piotrowski">
|
||
<span class="avatar-initial rounded-circle bg-label-dark pull-up">KP</span>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td class="text-center">
|
||
<span class="badge bg-label-success">Aktywna</span>
|
||
</td>
|
||
<td class="text-end">
|
||
<div class="d-flex justify-content-end align-items-center">
|
||
<div class="btn-group" role="group">
|
||
<a href="app-group-edit.php" class="btn btn-outline-secondary btn-sm">
|
||
<i class="bx bx-edit-alt me-1 d-none d-sm-inline-block"></i> Edytuj
|
||
</a>
|
||
<div class="btn-group">
|
||
<button type="button"
|
||
class="btn btn-outline-secondary btn-sm dropdown-toggle dropdown-toggle-split"
|
||
data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||
<div class="dropdown-menu dropdown-menu-end mt-1">
|
||
<a href="javascript:void(0);" class="dropdown-item"><i
|
||
class="bx bx-copy me-2"></i> Duplikuj</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a href="javascript:void(0);" class="dropdown-item text-danger"><i
|
||
class="bx bx-trash me-2"></i> Usuń</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<!-- Wiersz 4: Zewnętrzna Księgowość (Przykład nieaktywnej) -->
|
||
<tr>
|
||
<td>
|
||
<div class="d-flex align-items-center">
|
||
<div
|
||
class="avatar avatar-sm me-3 bg-label-secondary rounded p-1 flex-shrink-0 d-flex align-items-center justify-content-center">
|
||
<i class="bx bx-calculator fs-4"></i>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h6 class="mb-0 fw-semibold text-muted"><a href="app-group-edit.php"
|
||
class="text-muted text-truncate">Zewnętrzna Księgowość</a></h6>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<span class="text-muted small text-truncate d-block" style="max-width: 300px;">
|
||
Tymczasowy dostęp audytowy – tylko odczyt sekcji finansowej.
|
||
</span>
|
||
</td>
|
||
<td>
|
||
<span class="badge bg-label-secondary">Brak przypisań</span>
|
||
</td>
|
||
<td class="text-center">
|
||
<span class="badge bg-label-secondary">Nieaktywna</span>
|
||
</td>
|
||
<td class="text-end">
|
||
<div class="d-flex justify-content-end align-items-center">
|
||
<div class="btn-group" role="group">
|
||
<a href="app-group-edit.php" class="btn btn-outline-secondary btn-sm">
|
||
<i class="bx bx-edit-alt me-1 d-none d-sm-inline-block"></i> Edytuj
|
||
</a>
|
||
<div class="btn-group">
|
||
<button type="button"
|
||
class="btn btn-outline-secondary btn-sm dropdown-toggle dropdown-toggle-split"
|
||
data-bs-toggle="dropdown" aria-expanded="false"></button>
|
||
<div class="dropdown-menu dropdown-menu-end mt-1">
|
||
<a href="javascript:void(0);" class="dropdown-item"><i
|
||
class="bx bx-copy me-2"></i> Duplikuj</a>
|
||
<div class="dropdown-divider"></div>
|
||
<a href="javascript:void(0);" class="dropdown-item text-danger"><i
|
||
class="bx bx-trash me-2"></i> Usuń</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Pagination -->
|
||
<div class="card-footer d-flex justify-content-center border-top">
|
||
<nav aria-label="Page navigation">
|
||
<ul class="pagination pagination-sm mb-0">
|
||
<li class="page-item prev disabled"><a class="page-link" href="javascript:void(0);"><i
|
||
class="tf-icon bx bx-chevron-left"></i></a></li>
|
||
<li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
|
||
<li class="page-item next disabled"><a class="page-link" href="javascript:void(0);"><i
|
||
class="tf-icon bx bx-chevron-right"></i></a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="content-backdrop fade"></div>
|
||
|
||
<?php include '../../footer.php'; ?>
|
||
|
||
<!-- Scripts -->
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
// Inicjalizacja Tooltipów dla awatarów
|
||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||
return new bootstrap.Tooltip(tooltipTriggerEl);
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html>
|