{% extends "baseTemplate/index.html" %}
{% load static %}
{# Admin: every site's last scan, plus ClamAV's own health. #}

{% block title %}Malware Overview{% endblock %}

{% block content %}
<div ng-controller="malwareOverviewController">

  <div class="cp-page-head">
    <div>
      <h1 class="cp-page-head__title"><i class="fa-solid fa-shield-halved"></i> Malware Overview</h1>
      <p class="cp-page-head__sub">Every website's most recent scan, and whether ClamAV itself is healthy.</p>
    </div>
  </div>

  <div class="cp-alert cp-alert--danger" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fa-solid fa-triangle-exclamation"></i>
    <p ng-bind="errorMessage"></p>
  </div>

  <div class="cp-card">
    <div class="cp-card__head">
      <h2 class="cp-card__title"><i class="fa-solid fa-heart-pulse"></i> ClamAV</h2>
    </div>
    <div class="cp-card__body">
      <div ng-if="!busy">
        <div ng-if="!clamd.installed" class="cp-alert cp-alert--warning">
          <i class="fa-solid fa-circle-exclamation"></i>
          <p ng-bind="clamd.detail"></p>
        </div>
        <div ng-if="clamd.installed">
          <p>
            <span cp-status-pill="clamd.running ? 'active' : 'stopped'"></span>
            <span ng-bind="clamd.detail"></span>
          </p>
          <p class="cp-help" ng-if="signatures.available">
            Signature database updated <strong ng-bind="signatures.ageHours"></strong> hour(s) ago
            (<span ng-bind="signatures.updatedAt | date:'medium'"></span>).
          </p>
          <p class="cp-help" ng-if="!signatures.available" ng-bind="signatures.detail"></p>
        </div>
      </div>
    </div>
  </div>

  <div class="cp-card">
    <div class="cp-card__head">
      <h2 class="cp-card__title"><i class="fa-solid fa-table-list"></i> Websites</h2>
    </div>
    <div class="cp-card__body cp-card__body--flush">
      <div class="cp-empty" ng-show="!busy && sites.length === 0">
        <i class="fa-solid fa-globe"></i>
        <h4>No websites yet</h4>
      </div>
      <div class="cp-table-wrap" ng-show="sites.length">
        <table class="cp-table">
          <thead>
            <tr>
              <th scope="col">Domain</th>
              <th scope="col">Last scan</th>
              <th scope="col">Status</th>
              <th scope="col" class="cp-num">Open findings</th>
              <th scope="col" style="text-align:right">Actions</th>
            </tr>
          </thead>
          <tbody>
            <tr ng-repeat="site in sites track by site.domain">
              <td ng-bind="site.domain"></td>
              <td ng-bind="site.lastScanAt ? (site.lastScanAt | date:'medium') : 'Never'"></td>
              <td><span cp-status-pill="site.lastScanStatus"></span></td>
              <td class="cp-num"
                  ng-class="site.openFindings ? 'text-danger' : ''"
                  ng-bind="site.openFindings"></td>
              <td>
                <div class="cp-table__actions">
                  <a class="cp-btn cp-btn--ghost cp-btn--sm" href="/malware/scan">
                    <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i> Open
                  </a>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script src="{% static 'malwareScanner/malwareScanner.js' %}"></script>
{% endblock %}