{% extends "layout.jinja2" %}

{% block content %}
<div class="content">
    <div class="row">
        <div class="col-xs-12">
            <h2>Fluid Shots</h2>
            {% if data|length > 0 %}
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Timestamp</th>
                            <th>Fluid Level</th>
                            <th>Pump Intake Pressure</th>
                            <th>Friction Estimate</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for d in data %}
                        <tr>
                            <td>{{d.timestamp | datetime('medium')}}</td>
                            <td>{{d.fluidLevel | round(3)}}</td>
                            <td>{{d.pumpIntakePressure | round(3)}}</td>
                            <td>{{d.frictionEstimate | round(3)}}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% else %}
            <h3>No fluid shots yet...</h3>
            {% endif %}
        </div>
    </div>
</div>
{% endblock content %}
