<div class="modal-header">
    <h4 class="modal-title" translate="yes">{{host}} key changed</h4>
</div>
<div class="modal-body">
  {{#key}}
  <div class="pf-c-alert pf-m-inline pf-m-danger" aria-label="Danger Alert">
    <div class="pf-c-alert__icon">
      <svg style="vertical-align: -0.125em;" fill="currentColor" height="1em" width="1em" viewBox="0 0 512 512" aria-hidden="true" role="img">
        <path d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path>
      </svg>
    </div>
    <h4 class="pf-c-alert__title">
      <span class="pf-u-screen-reader">Danger alert:</span>Changed keys are often the result of an operating system reinstallation. However, an unexpected change may indicate a third-party attempt to intercept your connection.</h4>
  </div>
  <p translate>To ensure that your connection is not intercepted by a malicious third-party, please verify the host key fingerprint:</p>
  <pre class="hostkey-fingerprint">{{key.fingerprint}}</pre>
  <p class="hostkey-type">({{key.type}})</p>
  <p translate>To verify a fingerprint, run the following on {{host}} while physically sitting at the machine or through a trusted network:</p>
  <pre class="hostkey-verify-help-cmds">ssh-keyscan -t {{key.type}} localhost | ssh-keygen -lf -</pre>
  <p translate>The resulting fingerprint is fine to share via public methods, including email.</p>
  <p translate>If the fingerprint matches, click "Accept key and connect". Otherwise, do not connect and contact your administrator.</p>
  {{/key}}
</div>

<div class="modal-footer">
  {{#key}}
  <button class="pf-c-button pf-m-danger apply" translate="yes">Accept key and connect</button>
  {{/key}}

  <button class="pf-c-button pf-m-link" data-dismiss="modal" translate="yes">Cancel</button>
</div>
