{% load combo %}
<div class="clearfix">
<div class="stats-tile-table grid-1-2">
<table>
  <tr><th>Infos utilisateurs</th></tr>
  <tr><th> </th></tr>
  <tr><td>Nombre d’utilisateurs</td> <td>{{json.users.count}}</td></tr>
  <tr><td>    avec des tuiles</td> <td>{{json.users|get:"have-tiles"}}</td></tr>
  <tr><td>    avec plus que les tuiles suggérées</td> <td>{{json.users|get:"have-more-than-suggested-tiles"}}</td></tr>
  <tr><td>Nombre de tuiles max</td> <td>{{json.users|get:"max-tiles"}}</td></tr>
  <tr><td>Nombre de tuiles médian</td> <td>{{json.users|get:"median-tiles"}}</td></tr>
</table>
</div>
<div class="stats-tile-table grid-1-2">
<table>
  <tr><th>Infos tuiles</th></tr>
  <tr><td></td> <td>Ajoutées</td> <td>Total</td> </tr>
  {% for tile in json.tiles.values %}
    <tr><td>Tuile « {{tile.name}} »</td> <td align="center">{{tile.manual}}</td> <td align="center">{{tile.count}}</td> </tr>
  {% endfor %}
</table>
</div>
</div>
<style>
.stats-tile-table tr:hover td {
  background: #eee;
}
</style>
