{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %} Deletion. The operator has to retype the domain: this removes the vhost, the
   home directory, every database, mailbox, FTP account and DNS zone. {% endcomment %}

{% block title %}Delete website{% endblock %}

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

  <div class="mb-4">
    <h1 class="h4 mb-1">Delete website</h1>
    <p class="text-muted mb-0 small">
      Permanently removes a website and everything attached to it.
    </p>
  </div>

  <div class="alert alert-danger py-2 px-3" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fas fa-triangle-exclamation me-1"></i>
    <span ng-bind="errorMessage"></span>
  </div>

  <div class="row g-4">
    <div class="col-lg-7">
      <div class="card border-danger">
        <div class="card-body">

          <div class="mb-3">
            <label class="form-label" for="cpDeleteDomain">Website</label>
            <select class="form-select" id="cpDeleteDomain" ng-model="domain"
                    ng-change="confirmDomain = ''">
              <option value="">Choose a website…</option>
              {% for site in websites %}
                <option value="{{ site }}">{{ site }}</option>
              {% endfor %}
            </select>
          </div>

          <div ng-show="domain" ng-cloak>
            <div class="alert alert-danger py-2 px-3">
              <strong>This cannot be undone.</strong> Deleting
              <code ng-bind="domain"></code> removes:
              <ul class="mb-0 mt-2 small">
                <li>the OpenLiteSpeed virtual host and its configuration</li>
                <li><code ng-bind="'/home/' + domain"></code> and the system user</li>
                <li>every child domain, database, mailbox and FTP account</li>
                <li>the DNS zone, if this server is authoritative for it</li>
              </ul>
            </div>

            <form novalidate ng-submit="destroy()">
              <label class="form-label" for="cpConfirm">
                Type <code ng-bind="domain"></code> to confirm
              </label>
              <input type="text" class="form-control" id="cpConfirm"
                     ng-model="confirmDomain" autocomplete="off"
                     placeholder="Retype the domain" ng-disabled="busy">

              <button type="submit" class="btn btn-danger mt-3"
                      ng-disabled="busy || confirmDomain !== domain">
                <span ng-show="busy" class="spinner-border spinner-border-sm me-1"
                      role="status" aria-hidden="true"></span>
                <i class="fas fa-trash me-1" ng-hide="busy"></i>
                <span ng-bind="busy ? 'Deleting…' : 'Delete this website'"></span>
              </button>
            </form>
          </div>

          <div class="alert alert-success mt-3 py-2 px-3" ng-show="deleted" ng-cloak>
            <i class="fas fa-circle-check me-1"></i>
            <span ng-bind="deleted + ' has been deleted.'"></span>
          </div>

          <div class="alert alert-warning mt-3 py-2 px-3" ng-show="notes.length" ng-cloak>
            <strong class="d-block mb-1">The vhost is gone, but some cleanup
              did not complete:</strong>
            <ul class="mb-0 small">
              <li ng-repeat="note in notes" ng-bind="note"></li>
            </ul>
          </div>

        </div>
      </div>
    </div>

    <div class="col-lg-5">
      <div class="card h-100">
        <div class="card-body">
          <h2 class="h6 mb-3">
            <i class="fas fa-circle-info me-1 text-primary"></i>Before you delete
          </h2>
          <ul class="small text-muted ps-3 mb-0">
            <li class="mb-2">
              Take a backup first if there is any chance the customer wants the
              data back. Backups live outside the site's home and survive this.
            </li>
            <li class="mb-2">
              The home directory is moved to <code>/home/.trash</code> rather
              than erased outright, which buys you a short window to recover
              files from the server directly.
            </li>
            <li class="mb-2">
              To remove just one add-on domain, use
              <a href="/websites/listChildDomains">Child domains</a> instead.
            </li>
            <li>
              Every step of the deletion is written to the audit log with your
              user name and IP address.
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}

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