{% extends 'base.html' %}{% block title %}ItemShop · {{panel_brand}}{% endblock %}{% block content %}
<p class="eyebrow">GOSPODARKA · ITEMSHOP</p><h1>🪙 Smocze Monety i ItemShop</h1><p class="muted">Stan walut kont oraz historia zakupów z natywnego ItemShopu.</p>
<section class="cards compact"><article><span>Smocze Monety w obiegu</span><strong>{{'{:,}'.format(totals.cash or 0).replace(',',' ')}}</strong><small>{{totals.cash_accounts or 0}} kont z saldem</small></article><article><span>Smocze Znaki w obiegu</span><strong>{{'{:,}'.format(totals.mileage or 0).replace(',',' ')}}</strong><small>{{totals.mileage_accounts or 0}} kont z saldem</small></article><article><span>Zakupy ItemShop</span><strong>{{purchases|length}}</strong><small>ostatnie zarejestrowane transakcje</small></article><article><span>Popularne pozycje</span><strong>{{popular|length}}</strong><small>różnych kupowanych przedmiotów</small></article></section>
<section class="grid two"><article class="panel"><h2>Najwięcej Smoczych Monet</h2><canvas id="cashChart"></canvas></article><article class="panel"><h2>Zakupy w ostatnich 14 dniach</h2><canvas id="dailyChart"></canvas></article></section>
<section class="grid two"><article class="panel"><h2>Top konta — Smocze Monety</h2><table><thead><tr><th>#</th><th>Konto</th><th>Monety</th><th>Znaki</th></tr></thead><tbody>{% for row in top_cash %}<tr><td>{{loop.index}}</td><td>{{row.login}}</td><td><b>{{'{:,}'.format(row.cash).replace(',',' ')}}</b></td><td>{{'{:,}'.format(row.mileage).replace(',',' ')}}</td></tr>{% else %}<tr><td colspan="4" class="muted">Brak kont z monetami.</td></tr>{% endfor %}</tbody></table></article>
<article class="panel"><h2>Najwięcej Smoczych Znaków</h2><table><thead><tr><th>#</th><th>Konto</th><th>Znaki</th></tr></thead><tbody>{% for row in top_mileage %}<tr><td>{{loop.index}}</td><td>{{row.login}}</td><td><b>{{'{:,}'.format(row.mileage).replace(',',' ')}}</b></td></tr>{% else %}<tr><td colspan="3" class="muted">Brak kont ze znakami.</td></tr>{% endfor %}</tbody></table></article></section>
<section class="panel"><h2>Ostatnie zakupy w ItemShopie</h2><table><thead><tr><th>Kiedy</th><th>Kupujący</th><th>Przedmiot</th></tr></thead><tbody>{% for row in purchases %}<tr><td>{{row.date_of_buy}}</td><td>{{row.buyer_name}}</td><td>{{row.item_name}}</td></tr>{% else %}<tr><td colspan="3" class="muted">Nie ma jeszcze zapisanych zakupów w ItemShopie.</td></tr>{% endfor %}</tbody></table></section>
<script>
const accent=getComputedStyle(document.body).getPropertyValue('--blue2').trim();
new Chart(document.getElementById('cashChart'),{type:'bar',data:{labels:{{top_cash|map(attribute='login')|list|tojson}},datasets:[{label:'Smocze Monety',data:{{top_cash|map(attribute='cash')|list|tojson}},backgroundColor:accent,borderRadius:6}]},options:{plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{color:'#91a8c5'}},x:{ticks:{color:'#91a8c5'}}}}});
new Chart(document.getElementById('dailyChart'),{type:'line',data:{labels:{{daily|map(attribute='label')|list|tojson}},datasets:[{label:'Zakupy',data:{{daily|map(attribute='total')|list|tojson}},borderColor:accent,backgroundColor:accent+'33',fill:true,tension:.35}]},options:{plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{precision:0,color:'#91a8c5'}},x:{ticks:{color:'#91a8c5'}}}}});
</script>{% endblock %}