{% extends "base.html" %}
{% block title %}overview{% endblock %}
{% block body %}
<h1>Overview</h1>
<div class="cards">
  <div class="card"><div class="n">{{ stats.total_users }}</div><div class="l">Total users</div></div>
  <div class="card"><div class="n">{{ stats.paid_active }}</div><div class="l">Paid-active</div></div>
  <div class="card"><div class="n">{{ stats.free }}</div><div class="l">Free tier</div></div>
  <div class="card"><div class="n">{{ stats.paid }}</div><div class="l">Paid tier</div></div>
  <div class="card"><div class="n">{{ stats.enterprise }}</div><div class="l">Enterprise</div></div>
  <div class="card"><div class="n">{{ stats.credit_active }}</div><div class="l">On credit</div></div>
  <div class="card"><div class="n">{{ stats.signups_7d }}</div><div class="l">Signups · 7d</div></div>
  <div class="card"><div class="n">{{ stats.signups_30d }}</div><div class="l">Signups · 30d</div></div>
  <div class="card"><div class="n">{{ stats.active_30d }}</div><div class="l">Active · 30d</div></div>
  <div class="card"><div class="n">{{ stats.sync_enabled }}</div><div class="l">Cloud-sync on</div></div>
  <div class="card"><div class="n">{{ stats.referrals_converted }}/{{ stats.referrals_total }}</div><div class="l">Referrals conv.</div></div>
</div>

<h2>Newest users</h2>
{% include "partials_users_table.html" %}
<p><a href="/users">All users →</a></p>
{% endblock %}