{% extends "base.html" %}
{% block content %}
<h3>FUNK Accounts</h3>
<table class="table">
    <tr>
        <th>Number</th>
        <th>Data Usage</th>
        <th>Current Plan</th>
        <th>Default Plan</th>
        <th>Last Update</th>
        <th>Actions</th>
    </tr>
    {% for account in accounts %}
    <tr>
        <td> +{{ account["number"] }}</td>
        <td>
            <div class="progress">
                <div class="progress-bar" role="progressbar" style="width: {{ account["dataUsed"]|round(2)  }}%;" aria-valuenow="{{ account["dataUsed"]|round(2)  }}" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
        </td>
        <td> {{ account["currentPlan"]["name"] }}</td>
        <td> {{ account["defaultPlan"]["name"] }}</td>
        <td> {{ ((currentTime - account["lastUpdate"]) /60)|round(1) }} min</td>
        <td> <a href="/account/{{ account["number"] }}" class="btn btn-sm btn-warning">Edit</a> </td>
    </tr>
    {% endfor %}
</table>
{% endblock %}