<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<title>Přehled Financí Komunity</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="styly.css" rel="stylesheet">
<!-- Rel="me" link -->
<a rel="me" href="https://mamutovo.cz/@zdendys">Mastodon</a>
</head>
<body>
<div class="d-flex flex-column min-vh-100">
<header class="text-center mb-3">
<div class="d-flex justify-content-between align-items-center">
<h1 class="flex-grow-1 text-center">Přehled Financí Komunity</h1>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton">
Archiv
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="2024.html" target="_blank">2024</a>
</div>
</div>
</div>
<p>Tento projekt poskytuje transparentní přehled transakcí na našem
<a href="https://transparentniucty.moneta.cz/264043266" target="_blank">transparentním účtu</a>.</p>
<p><strong>Přehled faktur:</strong> Přístup k vystaveným fakturám naleznete v našem
<a href="https://oscloud.cz/s/PxkK2LXCzGeGfPS" target="_blank">Nextcloud úložišti</a>.</p>
</header>
<div class="account-balance text-center mb-3">
Aktuální stav účtu: <span id="account-balance">Načítání...</span>
</div>
<div class="container flex-grow-1">
<table id="finance-table" class="table table-striped mb-3">
<thead class="thead-dark">
<tr>
<th>Datum</th>
<th>Popis</th>
<th>Částka</th>
<th>Měna</th>
<th>Typ</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<footer class="text-center mt-auto py-3">
<p>© 2024 <a href="https://git.arch-linux.cz/Archos/prehlad-financi-komunity" target="_blank">Archos</a></p>
</footer>
</div>
<!-- Bootstrap JS and dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Custom JS -->
<script src="skript.js"></script>
</body>
</html>