199 lines
8.8 KiB
PHP
199 lines
8.8 KiB
PHP
<?php
|
|
$enablePrototypeComments = true;
|
|
include '../../header-admin.php';
|
|
?>
|
|
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
|
|
<h4 class="fw-bold py-3 mb-4">
|
|
Admin Panel <span class="text-muted fw-light">/ Użytkownicy</span>
|
|
</h4>
|
|
|
|
<div class="card mb-4">
|
|
<div class="card-body">
|
|
<h5 class="card-title mb-1">Filtrowanie użytkowników</h5>
|
|
<p class="text-muted small mb-3">Wyszukaj użytkowników na podstawie danych, przypisanej firmy lub statusu.</p>
|
|
|
|
<form onsubmit="return false;" class="row g-3">
|
|
<div class="col-md-3">
|
|
<label class="form-label" for="filter-name">Imię i nazwisko</label>
|
|
<div class="input-group input-group-merge">
|
|
<span class="input-group-text"><i class="bx bx-user"></i></span>
|
|
<input type="text" id="filter-name" class="form-control" placeholder="Wprowadź dane">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label class="form-label" for="filter-email">Adres e-mail</label>
|
|
<div class="input-group input-group-merge">
|
|
<span class="input-group-text"><i class="bx bx-envelope"></i></span>
|
|
<input type="email" id="filter-email" class="form-control" placeholder="Wprowadź e-mail">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label class="form-label" for="filter-company">Przypisana firma</label>
|
|
<select id="filter-company" class="select2 form-select" data-allow-clear="true" data-placeholder="Wybierz firmę">
|
|
<option value=""></option>
|
|
<option value="1">Alpha Business Sp. z o.o.</option>
|
|
<option value="2">Beta Marketing S.A.</option>
|
|
<option value="3">Tech Magico</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<label class="form-label" for="filter-status">Status</label>
|
|
<select id="filter-status" class="form-select">
|
|
<option value="">Wszystkie</option>
|
|
<option value="active">Aktywny</option>
|
|
<option value="inactive">Nieaktywny</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-12 d-flex justify-content-end gap-2 mt-3">
|
|
<button type="reset" class="btn btn-label-secondary">
|
|
<i class="bx bx-reset me-1"></i> Wyczyść
|
|
</button>
|
|
<button type="submit" class="btn btn-primary px-4">
|
|
<i class="bx bx-search me-1"></i> Filtruj
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<h5 class="card-header border-bottom d-flex justify-content-between align-items-center">
|
|
Zarejestrowani użytkownicy
|
|
</h5>
|
|
|
|
<div class="table-responsive text-nowrap pb-2">
|
|
<table class="table table-hover mb-0">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Użytkownik</th>
|
|
<th>Firma</th>
|
|
<th>Status</th>
|
|
<th>Rejestracja</th>
|
|
<th class="text-end">Akcje</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
|
|
<tr>
|
|
<td><strong>#501</strong></td>
|
|
<td>
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="avatar avatar-sm me-3">
|
|
<span class="avatar-initial rounded-circle bg-label-primary">BB</span>
|
|
</div>
|
|
<div class="d-flex flex-column">
|
|
<h6 class="mb-0 fw-semibold">
|
|
Bartłomiej Banaczyk
|
|
<i class="bx bxs-badge-check text-primary ms-1" data-bs-toggle="tooltip" title="Zweryfikowane konto id.magico"></i>
|
|
</h6>
|
|
<small class="text-muted">banaczyk@magico.pl</small>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>Alpha Business Sp. z o.o.</td>
|
|
<td>
|
|
<span class="badge bg-label-success">Aktywny</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-muted small">2026-05-01</span>
|
|
</td>
|
|
<td class="text-end">
|
|
<button type="button" class="btn btn-sm btn-outline-primary">
|
|
Zarządzaj
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>#502</strong></td>
|
|
<td>
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="avatar avatar-sm me-3">
|
|
<span class="avatar-initial rounded-circle bg-label-secondary"><i class="bx bx-user"></i></span>
|
|
</div>
|
|
<div class="d-flex flex-column">
|
|
<h6 class="mb-0 fw-semibold">
|
|
Piotr Mierzwa
|
|
</h6>
|
|
<small class="text-muted">piotr@magico.pl</small>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>Beta Marketing S.A.</td>
|
|
<td>
|
|
<span class="badge bg-label-secondary">Nieaktywny</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-muted small">2026-05-03</span>
|
|
</td>
|
|
<td class="text-end">
|
|
<button type="button" class="btn btn-sm btn-outline-primary">
|
|
Zarządzaj
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>#503</strong></td>
|
|
<td>
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="avatar avatar-sm me-3">
|
|
<img src="https://ui-avatars.com/api/?name=Anna+Kowalska&background=ffe7e3&color=ff5b5c" alt="Avatar" class="rounded-circle">
|
|
</div>
|
|
<div class="d-flex flex-column">
|
|
<h6 class="mb-0 fw-semibold">
|
|
Anna Kowalska
|
|
<i class="bx bxs-badge-check text-primary ms-1" data-bs-toggle="tooltip" title="Zweryfikowane konto id.magico"></i>
|
|
</h6>
|
|
<small class="text-muted">anna.kowalska@example.com</small>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>Tech Magico</td>
|
|
<td>
|
|
<span class="badge bg-label-success">Aktywny</span>
|
|
</td>
|
|
<td>
|
|
<span class="text-muted small">2026-05-05</span>
|
|
</td>
|
|
<td class="text-end">
|
|
<button type="button" class="btn btn-sm btn-outline-primary">
|
|
Zarządzaj
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-backdrop fade"></div>
|
|
|
|
<?php include '../../footer.php'; ?>
|
|
|
|
<!-- Scripts -->
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
if (typeof $ !== 'undefined' && $('.select2').length) {
|
|
$('.select2').select2({
|
|
placeholder: 'Wybierz firmę',
|
|
allowClear: true,
|
|
theme: 'bootstrap-5'
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|