{% extends "base.html" %}

{% block body %}
<h2>Statistics</h2>
<div class="row">
  <div class="col-md-5">
    <div class="card">
      <div class="card-header">
        <h4>Table size</h4>
      </div>
      <div class="card-body">
        {{ total_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
      </div>
    </div>
    <br />
    <div class="card">
      <div class="card-header">
        <h4>User data</h4>
      </div>
      <div class="card-body">
        {{ user_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
      </div>
    </div> 
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        <h4>Evaluation data</h4>
      </div>
      <div class="card-body">
        {{ eval_stats.to_html(index=False) | replace('dataframe', 'table table-sm table-bordered table-hover') | safe }}
      </div>
    </div>        
  </div>  
</div>
{% endblock %}