{% extends "base.html" %}
{% block title %}{{ client.display_name }} backup report — BackupWatch{% endblock %}
{% block content %}
<a class="back no-print" href="/clients/{{ client.id }}">&larr; {{ client.display_name }}</a>

<div class="report-head">
  <h1>Backup report — {{ client.display_name }}</h1>
  <p class="note">Last {{ days }} days &nbsp;·&nbsp; generated {{ now|dt }}
    {% if overall is not none %}&nbsp;·&nbsp; overall success {{ overall }}%{% endif %}</p>
</div>

<p class="no-print">
  <a href="/clients/{{ client.id }}/report?days=7">7 days</a> ·
  <a href="/clients/{{ client.id }}/report?days=30">30 days</a> ·
  <a href="/clients/{{ client.id }}/report?days=90">90 days</a>
  &nbsp;|&nbsp; <a href="/clients/{{ client.id }}/report.csv?days={{ days }}">Download CSV</a>
  &nbsp;|&nbsp; <a href="#" onclick="window.print();return false">Print / Save PDF</a>
</p>

<div class="table-wrap">
<table>
  <thead><tr>
    <th>Job</th><th>Vendor</th><th>Runs</th><th>Success</th><th>Warning</th>
    <th>Failure</th><th>Missed</th><th>Success rate</th><th>Last status</th><th>Last seen</th>
  </tr></thead>
  <tbody>
  {% for s in stats %}
    <tr>
      <td>{{ s.job.name }}</td>
      <td>{{ s.job.vendor|vendor }}</td>
      <td>{{ s.total }}</td>
      <td>{{ s.success }}</td>
      <td>{{ s.warning }}</td>
      <td>{{ s.failure }}</td>
      <td>{{ s.missed }}</td>
      <td>{% if s.rate is not none %}{{ s.rate }}%{% else %}—{% endif %}</td>
      <td><span class="badge b-{{ s.last_status }}">{{ s.last_status }}</span></td>
      <td>{{ s.last_seen|dt if s.last_seen else "—" }}</td>
    </tr>
  {% else %}
    <tr><td colspan="10">No jobs for this client.</td></tr>
  {% endfor %}
  </tbody>
  {% if stats %}
  <tfoot><tr>
    <th colspan="2">Total</th><th>{{ totals.total }}</th><th>{{ totals.success }}</th>
    <th>{{ totals.warning }}</th><th>{{ totals.failure }}</th><th>{{ totals.missed }}</th>
    <th>{% if overall is not none %}{{ overall }}%{% else %}—{% endif %}</th><th colspan="2"></th>
  </tr></tfoot>
  {% endif %}
</table>
</div>
{% endblock %}