{% extends "sales_dashboard/base.html" %}

{% block title %}
Usage Report
{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="row">
        {% include "sales_dashboard/nav.html" %}
        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
            <h1 class="title">Flagsmith Usage Report</h1>
            <p>{{ stats.site_url }}</p>
            <p>{{ stats.report_date }} UTC</p>
            <ul>
                <li>Total Organisations: {{ stats.total_organisations }}</li>
                <li>Total Projects: {{ stats.total_projects }}</li>
                <li>Total Environments: {{ stats.total_environments }}</li>
                <li>Total Features: {{ stats.total_features }}</li>
                <li>Total User Seats: {{ stats.total_seats }}</li>
            </ul>
        </main>
    </div>
</div>
{% endblock %}