140 lines
No EOL
6.4 KiB
HTML
140 lines
No EOL
6.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="sl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>🏦 SecureBank - Dashboard</title>
|
||
<link rel="stylesheet" href="/static/style.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header class="header">
|
||
<div class="bank-logo">
|
||
<h1>🏦 SecureBank</h1>
|
||
<p class="tagline">Vaša varnost, naša prioriteta</p>
|
||
</div>
|
||
<div class="user-info">
|
||
Dobro došli, <strong>{{.User.FullName}}</strong>!
|
||
<a href="/logout" class="logout-btn">Odjava</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main">
|
||
<div class="dashboard-container">
|
||
<h2>Pregled vaših računov</h2>
|
||
|
||
<div class="quick-actions">
|
||
<div class="action-card">
|
||
<h3>Nakazilo</h3>
|
||
<p>Pošljite denar na drug račun</p>
|
||
<button class="btn btn-primary">Novo nakazilo</button>
|
||
</div>
|
||
<div class="action-card">
|
||
<h3>Izpisek</h3>
|
||
<p>Prenesite mesečnji izpisek</p>
|
||
<button class="btn btn-secondary">Prenesi PDF</button>
|
||
</div>
|
||
<div class="action-card">
|
||
<h3>Mobilno</h3>
|
||
<p>Povežite z mobilno aplikacijo</p>
|
||
<button class="btn btn-outline">Povežite</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="user-details">
|
||
<h3>Podatki o uporabniku</h3>
|
||
<div class="user-card">
|
||
<div class="user-info-grid">
|
||
<div class="info-item">
|
||
<strong>Polno ime:</strong>
|
||
<span>{{.User.FullName}}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<strong>Uporabniško ime:</strong>
|
||
<span>{{.User.Username}}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<strong>E-mail:</strong>
|
||
<span>{{.User.Email}}</span>
|
||
</div>
|
||
<div class="info-item">
|
||
<strong>Strankarski ID:</strong>
|
||
<span>SEC-{{.User.ID}}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accounts">
|
||
<h3>Vaši bančni računi</h3>
|
||
<div class="accounts-grid">
|
||
{{range .Accounts}}
|
||
<div class="account-card">
|
||
<div class="account-header">
|
||
<h4>{{.Name}}</h4>
|
||
<span class="account-status">Aktiven</span>
|
||
</div>
|
||
<p class="account-number">{{.Number}}</p>
|
||
<div class="account-balance">
|
||
<span class="balance-label">Razpoložljivo stanje:</span>
|
||
<span class="balance-amount">{{.Balance}}</span>
|
||
</div>
|
||
<div class="account-actions">
|
||
<button class="btn btn-sm btn-primary">Upravljaj</button>
|
||
<button class="btn btn-sm btn-outline">Zgodovina</button>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
</div>
|
||
</div>
|
||
|
||
<div class="recent-transactions">
|
||
<h3>Zadnje transakcije</h3>
|
||
<div class="transaction-list">
|
||
<div class="transaction-item">
|
||
<div class="transaction-info">
|
||
<span class="transaction-desc">Nakup - Mercator d.d.</span>
|
||
<span class="transaction-date">10.02.2026</span>
|
||
</div>
|
||
<span class="transaction-amount negative">-€24.50</span>
|
||
</div>
|
||
<div class="transaction-item">
|
||
<div class="transaction-info">
|
||
<span class="transaction-desc">Plača - Delodajalec d.o.o.</span>
|
||
<span class="transaction-date">01.02.2026</span>
|
||
</div>
|
||
<span class="transaction-amount positive">+€2,100.00</span>
|
||
</div>
|
||
<div class="transaction-item">
|
||
<div class="transaction-info">
|
||
<span class="transaction-desc">Prevzem gotovine - Bankomat</span>
|
||
<span class="transaction-date">28.01.2026</span>
|
||
</div>
|
||
<span class="transaction-amount negative">-€100.00</span>
|
||
</div>
|
||
</div>
|
||
<button class="btn btn-outline">Prikaži vse transakcije</button>
|
||
</div>
|
||
|
||
<div class="notifications">
|
||
<h3>🔔 Obvestila</h3>
|
||
<div class="notification-item">
|
||
<span class="notification-icon">ℹ️</span>
|
||
<div class="notification-content">
|
||
<strong>Varnostno posodobljeno</strong>
|
||
<p>Vaši podatki so zaščiteni z najnovejšimi varnostnimi protokoli.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-content">
|
||
<p>© 2026 SecureBank d.d. Vse pravice pridržane.</p>
|
||
<p class="license">Licencirana banka pod nadzorom Banke Slovenije | Uporabnik: {{.User.Username}}</p>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html> |