Files
magico.prototype/prototype/company/app-services.php

218 lines
10 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">
<span class="text-muted fw-light">Zarządzanie firmą /</span> Usługi i aplikacje
</h4>
<div class="card mb-4 bg-label-primary shadow-none border border-primary">
<div class="card-body">
<div class="d-flex align-items-start align-items-sm-center gap-3">
<div
class="avatar avatar-md p-1 bg-white rounded flex-shrink-0 shadow-sm d-flex justify-content-center align-items-center">
<i class="bx bx-grid-alt text-primary fs-3"></i>
</div>
<div>
<h5 class="text-dark mb-1 fw-bold">Twój ekosystem magico</h5>
<p class="mb-0 text-dark small">
Poniżej znajduje się lista wszystkich modułów i aplikacji dostępnych w ramach naszego systemu.
Widzisz tutaj zarówno aplikacje, z których aktualnie korzystasz, jak i te, które możesz w każdej
chwili aktywować.
</p>
</div>
</div>
</div>
</div>
<!-- Układ 3 kart (col-md-4) z Aplikacjami -->
<div class="row g-4 mb-4">
<!-- Karta 1: invoice.magico -->
<div class="col-md-6 col-lg-4">
<div class="card h-100">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<div
class="avatar avatar-sm bg-label-primary rounded p-2 me-3 d-flex align-items-center justify-content-center">
<i class="bx bx-receipt fs-4"></i>
</div>
<h5 class="mb-0 fw-bold">invoice.magico</h5>
</div>
<span class="badge bg-label-success">Aktywna</span>
</div>
<p class="text-muted small mb-4 flex-grow-1">
Moduł obsługi księgowej i wystawiania dokumentów sprzedaży. Zarządzanie fakturami VAT,
proformami oraz bazą kontrahentów.
</p>
<div class="d-flex flex-column gap-2 mt-auto">
<div class="d-flex align-items-center text-muted small mb-2">
<i class="bx bx-check text-success me-2"></i> KSeF Ready
</div>
<div class="d-flex align-items-center text-muted small mb-3">
<i class="bx bx-check text-success me-2"></i> Automatyzacja faktur
</div>
</div>
</div>
<div class="card-footer border-top bg-transparent pt-3 pb-3">
<a href="app-services-detail.php?id=invoice" class="btn btn-outline-primary w-100">
Zarządzaj aplikacją <i class="bx bx-right-arrow-alt ms-1"></i>
</a>
</div>
</div>
</div>
<!-- Karta 2: sync.magico -->
<div class="col-md-6 col-lg-4">
<div class="card h-100">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<div
class="avatar avatar-sm bg-label-info rounded p-2 me-3 d-flex align-items-center justify-content-center">
<i class="bx bx-refresh fs-4"></i>
</div>
<h5 class="mb-0 fw-bold">sync.magico</h5>
</div>
<span class="badge bg-label-success">Aktywna</span>
</div>
<p class="text-muted small mb-4 flex-grow-1">
Centrum integracji e-commerce. Kontrola wymiany danych produktowych i magazynowych z
zewnętrznymi platformami.
</p>
<div class="d-flex flex-column gap-2 mt-auto">
<div class="d-flex align-items-center text-muted small mb-2">
<i class="bx bx-check text-success me-2"></i> Integracja z BaseLinker
</div>
<div class="d-flex align-items-center text-muted small mb-3">
<i class="bx bx-check text-success me-2"></i> Dwukierunkowa synch.
</div>
</div>
</div>
<div class="card-footer border-top bg-transparent pt-3 pb-3">
<a href="app-services-detail.php?id=sync" class="btn btn-outline-primary w-100">
Zarządzaj aplikacją <i class="bx bx-right-arrow-alt ms-1"></i>
</a>
</div>
</div>
</div>
<!-- Karta 3: helpdesk.magico -->
<div class="col-md-6 col-lg-4">
<div class="card h-100">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center">
<div
class="avatar avatar-sm bg-label-warning rounded p-2 me-3 d-flex align-items-center justify-content-center">
<i class="bx bx-support fs-4"></i>
</div>
<h5 class="mb-0 fw-bold">helpdesk.magico</h5>
</div>
<span class="badge bg-label-success">Aktywna</span>
</div>
<p class="text-muted small mb-4 flex-grow-1">
System zarządzania zgłoszeniami i wsparcia klienta. Śledzenie statusu ticketów, system ticketowy
oraz centrum BOK.
</p>
<div class="d-flex flex-column gap-2 mt-auto">
<div class="d-flex align-items-center text-muted small mb-2">
<i class="bx bx-check text-success me-2"></i> Skrzynki e-mail (IMAP)
</div>
<div class="d-flex align-items-center text-muted small mb-3">
<i class="bx bx-check text-success me-2"></i> Szablony odpowiedzi
</div>
</div>
</div>
<div class="card-footer border-top bg-transparent pt-3 pb-3">
<a href="app-services-detail.php?id=helpdesk" class="btn btn-outline-primary w-100">
Zarządzaj aplikacją <i class="bx bx-right-arrow-alt ms-1"></i>
</a>
</div>
</div>
</div>
<!-- Karta 4: employee.magico -->
<div class="col-md-6 col-lg-4">
<div class="card h-100 border border-secondary shadow-none">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="d-flex align-items-center opacity-75">
<div
class="avatar avatar-sm bg-label-secondary rounded p-2 me-3 d-flex align-items-center justify-content-center">
<i class="bx bx-group fs-4"></i>
</div>
<h5 class="mb-0 fw-bold text-muted">employee.magico</h5>
</div>
<span class="badge bg-label-secondary">Nieaktywna</span>
</div>
<p class="text-muted small mb-4 flex-grow-1">
Dedykowany portal pracowniczy (HR). Zarządzanie urlopami, wnioskami pracowniczymi oraz ewidencją
czasu pracy.
</p>
<div class="d-flex flex-column gap-2 mt-auto">
<div class="d-flex align-items-center text-muted small mb-2 opacity-50">
<i class="bx bx-check me-2"></i> Portal pracownika (Self-Service)
</div>
<div class="d-flex align-items-center text-muted small mb-3 opacity-50">
<i class="bx bx-check me-2"></i> Obieg wniosków urlopowych
</div>
</div>
</div>
<!-- Przycisk z akcentem na włączenie -->
<div class="card-footer border-top bg-secondary bg-opacity-10 pt-3 pb-3">
<a href="app-services-detail.php?id=employee" class="btn btn-primary w-100">
Dowiedz się więcej <i class="bx bx-right-arrow-alt ms-1"></i>
</a>
</div>
</div>
</div>
<!-- Karta 5: pos.magico (zwiastun nowej aplikacji) -->
<div class="col-md-6 col-lg-4">
<div class="card h-100 border border-dashed border-secondary shadow-none bg-lighter">
<div class="card-body d-flex flex-column justify-content-center align-items-center text-center">
<div
class="avatar avatar-md bg-label-secondary rounded p-2 mb-3 mt-4 d-flex align-items-center justify-content-center">
<i class="bx bx-store-alt fs-2 text-muted"></i>
</div>
<h5 class="mb-1 fw-bold text-muted">pos.magico</h5>
<span class="badge bg-label-dark mb-3">Wkrótce (Q3 2026)</span>
<p class="text-muted small mb-4">
System kasowy (Point of Sale) dla sklepów stacjonarnych. Integracja z terminalami płatniczymi i
drukarkami fiskalnymi.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-backdrop fade"></div>
<?php include '../../footer.php'; ?>
<!-- Scripts -->
<script>
document.addEventListener("DOMContentLoaded", function () {
// ...
});
</script>
</body>
</html>