{% extends "baseTemplate/index.html" %}
{% load static %}
{# Per-site malware scan, findings and quarantine management. #}

{% block title %}Malware Scanner{% endblock %}

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

  <div class="cp-page-head">
    <div>
      <h1 class="cp-page-head__title"><i class="fa-solid fa-shield-virus"></i> Malware Scanner</h1>
      <p class="cp-page-head__sub">
        Scan a website's files with ClamAV, review anything it finds, and
        quarantine or delete infected files without leaving the panel.
      </p>
    </div>
  </div>

  <div class="cp-card">
    <div class="cp-card__head">
      <h2 class="cp-card__title"><i class="fa-solid fa-globe"></i> Website</h2>
    </div>
    <div class="cp-card__body">
      <div class="cp-form-grid">
        <div>
          <label class="cp-label" for="cpDomain">Select a website</label>
          <select class="cp-select" id="cpDomain" ng-model="domainName" ng-change="load()">
            <option value="">Select a website&hellip;</option>
            {% for site in websites %}
              <option value="{{ site }}">{{ site }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
    </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 ng-show="domainName" ng-cloak>

    <div class="cp-card">
      <div class="cp-card__head">
        <h2 class="cp-card__title"><i class="fa-solid fa-magnifying-glass"></i> Start a scan</h2>
        <p class="cp-card__sub">Files live under <code ng-bind="siteHome"></code>.</p>
      </div>
      <div class="cp-card__body">
        <div class="cp-form-grid">
          <div>
            <label class="cp-label" for="cpScope">Scope</label>
            <select class="cp-select" id="cpScope" ng-model="scanScope">
              <option value="docroot">Web root only (public_html)</option>
              <option value="home">Entire home directory</option>
            </select>
          </div>
        </div>
        <button type="button" class="cp-btn cp-btn--primary" style="margin-top:14px"
                ng-click="startScan()" ng-disabled="scanJob.running || busy">
          <i class="fa-solid fa-play" aria-hidden="true"></i>
          <span ng-bind="scanJob.running ? 'Scanning…' : 'Start scan'"></span>
        </button>

        <div class="mt-3" ng-if="scanJob.started" ng-cloak style="margin-top:14px">
          <div cp-progress="scanJob.progress"></div>
          <p class="cp-help mt-2"
             ng-style="{color: scanJob.failed ? 'var(--cp-danger)' : ''}"
             ng-bind="scanJob.statusText"></p>
        </div>
      </div>
    </div>

    <div class="cp-card">
      <div class="cp-card__head">
        <h2 class="cp-card__title"><i class="fa-solid fa-calendar-days"></i> Scheduled scans</h2>
        <p class="cp-card__sub">Runs from the <code>cloudpanel_malware_scan</code> cron job.</p>
      </div>
      <div class="cp-card__body">
        <div class="cp-form-grid">
          <div>
            <label class="cp-label" for="cpFrequency">Frequency</label>
            <select class="cp-select" id="cpFrequency" ng-model="schedule.frequency">
              <option value="off">Off</option>
              <option value="daily">Daily</option>
              <option value="weekly">Weekly</option>
            </select>
          </div>
          <div>
            <label class="cp-label" for="cpScheduleScope">Scope</label>
            <select class="cp-select" id="cpScheduleScope" ng-model="schedule.scope">
              <option value="docroot">Web root only (public_html)</option>
              <option value="home">Entire home directory</option>
            </select>
          </div>
          <div class="cp-check">
            <input type="checkbox" id="cpNotify" ng-model="schedule.notifyOwner">
            <label for="cpNotify">E-mail the site owner when something is found</label>
          </div>
        </div>
        <p class="cp-help" ng-if="schedule.lastRunAt">
          Last scheduled run: <span ng-bind="schedule.lastRunAt | date:'medium'"></span>
        </p>
        <button type="button" class="cp-btn cp-btn--primary" style="margin-top:10px"
                ng-click="saveSchedule()" ng-disabled="busy">
          Save schedule
        </button>
      </div>
    </div>

    <div class="cp-card">
      <div class="cp-card__head">
        <h2 class="cp-card__title"><i class="fa-solid fa-clock-rotate-left"></i> Scan history</h2>
      </div>
      <div class="cp-card__body cp-card__body--flush">

        <div class="cp-empty" ng-show="!busy && scans.length === 0">
          <i class="fa-solid fa-shield-halved"></i>
          <h4>No scans yet</h4>
          <p>Start one above.</p>
        </div>

        <div class="cp-table-wrap" ng-show="scans.length">
          <table class="cp-table">
            <thead>
              <tr>
                <th scope="col">Started</th>
                <th scope="col">Scope</th>
                <th scope="col">Trigger</th>
                <th scope="col">Status</th>
                <th scope="col" class="cp-num">Findings</th>
                <th scope="col" style="text-align:right">Actions</th>
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat-start="scan in scans track by scan.id">
                <td ng-bind="scan.dateCreated | date:'medium'"></td>
                <td ng-bind="scan.scope"></td>
                <td ng-bind="scan.trigger"></td>
                <td><span cp-status-pill="scan.status"></span></td>
                <td class="cp-num" ng-bind="scan.findingsCount"></td>
                <td>
                  <div class="cp-table__actions">
                    <button type="button" class="cp-btn cp-btn--ghost cp-btn--sm"
                            ng-click="scan.expanded = !scan.expanded"
                            ng-show="scan.findings.length">
                      <i class="fa-solid fa-list" aria-hidden="true"></i>
                      <span ng-bind="scan.expanded ? 'Hide' : 'Findings'"></span>
                    </button>
                  </div>
                </td>
              </tr>
              <tr ng-repeat-end ng-show="scan.expanded">
                <td colspan="6" style="padding:0">
                  <table class="cp-table" style="margin:0">
                    <thead>
                      <tr>
                        <th scope="col">Path</th>
                        <th scope="col">Signature</th>
                        <th scope="col">Status</th>
                        <th scope="col" style="text-align:right">Actions</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr ng-repeat="finding in scan.findings track by finding.id">
                        <td><code style="word-break:break-all" ng-bind="finding.path"></code></td>
                        <td ng-bind="finding.signature"></td>
                        <td><span cp-status-pill="finding.status"></span></td>
                        <td>
                          <div class="cp-table__actions">
                            <button type="button" class="cp-btn cp-btn--primary cp-btn--sm"
                                    ng-show="finding.status === 'found'"
                                    ng-click="quarantine(finding)" ng-disabled="busy">
                              <i class="fa-solid fa-box-archive" aria-hidden="true"></i> Quarantine
                            </button>
                            <button type="button" class="cp-btn cp-btn--ghost cp-btn--sm"
                                    ng-show="finding.status === 'quarantined'"
                                    ng-click="restore(finding)" ng-disabled="busy">
                              <i class="fa-solid fa-rotate-left" aria-hidden="true"></i> Restore
                            </button>
                            <button type="button" class="cp-btn cp-btn--ghost cp-btn--sm"
                                    ng-show="finding.status === 'found' || finding.status === 'quarantined'"
                                    ng-click="removeFinding(finding)" ng-disabled="busy">
                              <i class="fa-solid fa-trash" aria-hidden="true"></i> Delete
                            </button>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

</div>
{% endblock %}

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