{% extends "baseTemplate/index.html" %}
{% load static %}
{% comment %} SSH / SFTP access for a website's system user: shell toggle,
   password reset and authorized_keys management. {% endcomment %}

{% block title %}SSH access · {{ domain }}{% endblock %}

{% block content %}
<div ng-controller="siteSSHController" data-domain="{{ domain }}">

  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
      <h1 class="h4 mb-1">SSH / SFTP access</h1>
      <p class="text-muted mb-0 small">
        <span ng-bind="domain"></span> &middot;
        <a ng-href="/websites/manage?domain={$ domain $}">back to Manage</a>
      </p>
    </div>
  </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="alert alert-success py-2 px-3" ng-show="successMessage" ng-cloak role="alert">
    <i class="fas fa-circle-check me-1"></i><span ng-bind="successMessage"></span>
  </div>

  <div class="row g-3">
    <div class="col-lg-5">
      <div class="card mb-3">
        <div class="card-header">Connection details</div>
        <div class="card-body small">
          <dl class="row mb-0">
            <dt class="col-4">Host</dt>
            <dd class="col-8" ng-bind="info.connection.host"></dd>
            <dt class="col-4">Port</dt>
            <dd class="col-8" ng-bind="info.connection.port"></dd>
            <dt class="col-4">Username</dt>
            <dd class="col-8" ng-bind="info.connection.username"></dd>
            <dt class="col-4">Home</dt>
            <dd class="col-8 text-break" ng-bind="info.homePath"></dd>
          </dl>
        </div>
      </div>

      <div class="card mb-3">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center mb-2">
            <span class="fw-semibold">Shell access</span>
            <div class="form-check form-switch mb-0">
              <input type="checkbox" class="form-check-input" role="switch"
                     ng-model="info.shellEnabled" ng-change="toggleShell()" ng-disabled="busy">
            </div>
          </div>
          <p class="small text-muted mb-0">
            When off, the account can still use SFTP but cannot open an
            interactive shell.
          </p>
        </div>
      </div>

      <div class="card">
        <div class="card-body">
          <div class="fw-semibold mb-2">Reset password</div>
          <p class="small text-muted mb-2" ng-if="!passwordResetAvailable">
            <i class="fas fa-circle-info me-1"></i>Not available in this
            deployment yet &mdash; contact support if this account's
            password needs to change.
          </p>
          <input type="password" class="form-control mb-2" placeholder="New password"
                 ng-model="newPassword" ng-disabled="!passwordResetAvailable">
          <button type="button" class="btn btn-outline-secondary btn-sm w-100"
                  ng-click="resetPassword()"
                  ng-disabled="!passwordResetAvailable || busy || !newPassword">
            <i class="fas fa-key me-1"></i>Set password
          </button>
        </div>
      </div>
    </div>

    <div class="col-lg-7">
      <div class="card">
        <div class="card-header">Authorized keys</div>
        <div class="card-body">
          <textarea class="form-control font-monospace" rows="12"
                    ng-model="info.authorizedKeys" ng-disabled="busy"
                    placeholder="ssh-ed25519 AAAA... user@host"
                    spellcheck="false"></textarea>
          <p class="small text-muted mt-2 mb-2">
            One key per line. Accepted types: ssh-ed25519, ssh-rsa (2048 bits
            or more) and ecdsa-sha2-nistp256/384/521. Lines with options such
            as <code>command=</code> or <code>no-pty</code> are refused.
          </p>
          <button type="button" class="btn btn-primary btn-sm" ng-click="saveKeys()" ng-disabled="busy">
            <i class="fas fa-floppy-disk me-1"></i>Save keys
          </button>
        </div>
      </div>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script>window.CP_SITE_DOMAIN = "{{ domain|escapejs }}";</script>
<script src="{% static 'websiteFunctions/siteTools.js' %}"></script>
{% endblock %}