{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %}
Server-wide Rspamd settings: score thresholds and allow/deny lists.
Administrator only -- these apply to every domain on the server.
{% endcomment %}

{% block title %}Spam filter{% endblock %}

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

  <div class="mb-4">
    <h1 class="h4 mb-1">Spam filter</h1>
    <p class="text-muted mb-0 small">
      Rspamd score thresholds and allow/deny lists, server-wide.
    </p>
  </div>

  <div class="row g-4">
    <div class="col-lg-6">
      <div class="card">
        <div class="card-body">
          <h2 class="h6 mb-3">Score thresholds</h2>
          <form novalidate ng-submit="saveSettings()">
            <div class="mb-3">
              <label class="form-label" for="cpGreylist">Greylist at or above</label>
              <input type="number" class="form-control" id="cpGreylist"
                     ng-model="settings.greylist" min="{{ scoreMin }}" max="{{ scoreMax }}" required>
            </div>
            <div class="mb-3">
              <label class="form-label" for="cpAddHeader">Mark as spam at or above</label>
              <input type="number" class="form-control" id="cpAddHeader"
                     ng-model="settings.addHeader" min="{{ scoreMin }}" max="{{ scoreMax }}" required>
            </div>
            <div class="mb-3">
              <label class="form-label" for="cpReject">Reject outright at or above</label>
              <input type="number" class="form-control" id="cpReject"
                     ng-model="settings.reject" min="{{ scoreMin }}" max="{{ scoreMax }}" required>
            </div>
            <div class="text-danger small mb-3"
                 ng-show="settings.greylist >= settings.addHeader || settings.addHeader >= settings.reject"
                 ng-cloak>
              <i class="fas fa-triangle-exclamation me-1"></i>
              Scores must satisfy greylist &lt; mark-as-spam &lt; reject.
            </div>
            <button type="submit" class="btn btn-primary" ng-disabled="busy">
              <i class="fas fa-floppy-disk me-1"></i>
              <span ng-bind="busy ? 'Saving…' : 'Save thresholds'"></span>
            </button>
          </form>
        </div>
      </div>
    </div>

    <div class="col-lg-6">
      <div class="card h-100">
        <div class="card-body">
          <h2 class="h6 mb-3">Allow / deny lists</h2>
          <form novalidate ng-submit="addEntry()" class="row g-2 align-items-end mb-3">
            <div class="col-4">
              <label class="form-label small mb-1" for="cpListName">List</label>
              <select class="form-select form-select-sm" id="cpListName" ng-model="newEntry.list">
                <option value="allow">Allow</option>
                <option value="deny">Deny</option>
              </select>
            </div>
            <div class="col-3">
              <label class="form-label small mb-1" for="cpListType">Type</label>
              <select class="form-select form-select-sm" id="cpListType" ng-model="newEntry.type">
                <option value="from">From</option>
                <option value="domain">Domain</option>
                <option value="ip">IP</option>
              </select>
            </div>
            <div class="col-5">
              <label class="form-label small mb-1" for="cpListValue">Value</label>
              <div class="input-group input-group-sm">
                <input type="text" class="form-control" id="cpListValue" ng-model="newEntry.value"
                       autocomplete="off" spellcheck="false" required>
                <button type="submit" class="btn btn-outline-primary" ng-disabled="busy">
                  <i class="fas fa-plus"></i>
                </button>
              </div>
            </div>
          </form>

          <h3 class="h6 small text-muted">Allow list</h3>
          <div class="alert alert-secondary py-1 px-2 small" ng-show="!settings.lists.allow.length"
               ng-cloak>None.</div>
          <ul class="list-group list-group-flush mb-3" ng-cloak>
            <li class="list-group-item d-flex justify-content-between align-items-center px-0 py-1"
                ng-repeat="row in settings.lists.allow">
              <span class="font-monospace small" ng-bind="row.type + ': ' + row.value"></span>
              <button class="btn btn-outline-danger btn-sm" type="button"
                      ng-click="removeEntry('allow', row)">
                <i class="fas fa-trash"></i>
              </button>
            </li>
          </ul>

          <h3 class="h6 small text-muted">Deny list</h3>
          <div class="alert alert-secondary py-1 px-2 small" ng-show="!settings.lists.deny.length"
               ng-cloak>None.</div>
          <ul class="list-group list-group-flush" ng-cloak>
            <li class="list-group-item d-flex justify-content-between align-items-center px-0 py-1"
                ng-repeat="row in settings.lists.deny">
              <span class="font-monospace small" ng-bind="row.type + ': ' + row.value"></span>
              <button class="btn btn-outline-danger btn-sm" type="button"
                      ng-click="removeEntry('deny', row)">
                <i class="fas fa-trash"></i>
              </button>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}

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