{% extends "base.html" %}
{% block title %}Potrošnja — {{ owner.tenant.name }}{% endblock %}
{% block nav %}{% include "dashboard/_nav.html" %}{% endblock %}
{% block content %}
<h1>Potrošnja — {{ usage.month }}</h1>
<div class="card">
  <h2>Minute virtualnog asistenta</h2>
  <div class="bar"><div class="{{ 'over' if usage.over_100 else ('warn' if usage.over_80 else '') }}"
       style="width:{{ usage.pct }}%"></div></div>
  <p><b>{{ usage.used_minutes }}</b> od <b>{{ usage.included_minutes }}</b> uključenih minuta
  ({{ usage.pct }}%)</p>
  {% if usage.over_100 %}
  <div class="banner">Prekoračili ste uključene minute. Asistent i dalje odgovara na pozive —
  javiće vam se Gogo tim oko proširenja paketa.</div>
  {% endif %}
  <p class="muted">Vrijeme kad se javi vaše osoblje ne troši minute; chat se ne naplaćuje po
  minutama.</p>
</div>
<div class="grid3">
  <div class="card"><h2>Pozivi asistenta</h2><p style="font-size:28px;margin:0"><b>{{ usage.calls }}</b></p></div>
  <div class="card"><h2>Poslani SMS</h2><p style="font-size:28px;margin:0"><b>{{ usage.sms_sent }}</b></p></div>
  <div class="card"><h2>Chat razgovori</h2><p style="font-size:28px;margin:0"><b>{{ usage.chat_sessions }}</b></p></div>
</div>
{% if owner.tenant.paid_until %}
<div class="card"><h2>Pretplata</h2>
<p>Plaćeno do: <b>{{ owner.tenant.paid_until.strftime('%d.%m.%Y.') }}</b> —
paket „Gogo Start" ({{ owner.tenant.included_minutes }} min/mj).</p></div>
{% endif %}
{% endblock %}