{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Import SSH Key Pair" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Import SSH Key Pair" %}</h1><div class="eenos-page-subtitle">{% translate "Import an existing matching private and public key pair for your hosting account." %}</div></div><div class="col-12 col-sm-auto"><a href="{% url 'ssh_list_keys' %}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center gap-2 w-100"><i data-lucide="arrow-left"></i>{% translate "SSH Key Pairs" %}</a></div></div>
<nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}"><a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Security" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "SSH" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "Import SSH Keys" %}</span></nav>
{% include "includes/form_alerts.html" %}
<form method="post" id="importSshKeyForm" class="eenos-form" data-parsley-validate>{% csrf_token %}<input type="hidden" name="import_key" value="yes"><div class="eenos-card mb-4"><div class="d-flex align-items-start justify-content-between gap-3 mb-4"><div><h2 class="eenos-panel-title mb-1">{% translate "External Key Pair" %}</h2><div class="eenos-panel-subtitle">{% translate "Provide a filename and the complete contents of both matching keys." %}</div></div><i data-lucide="file-input" class="eenos-card-action-icon"></i></div><div class="eenos-amber-notice eenos-amber-notice-warning mb-4"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Private key material is sensitive" %}</div><div class="eenos-amber-notice-text">{% translate "Do not share the private key. An existing key pair with the same name may be replaced." %}</div></div></div><div class="row g-4"><div class="col-12 col-lg-5"><label for="key_name" class="form-label">{% translate "Key Name" %}</label><input type="text" class="form-control font-monospace" id="key_name" name="key_name" maxlength="100" value="{{ form.key_name.value|default:'' }}" autocomplete="off" required data-parsley-pattern="^[a-z0-9](?:[a-zA-Z0-9_.-]*[a-zA-Z0-9-])?$" data-parsley-required-message="{% translate 'Enter a name for the imported SSH key.' %}" data-parsley-pattern-message="{% translate 'Enter a valid SSH key filename.' %}"></div><div class="col-12"><label for="private_key" class="form-label">{% translate "Private Key" %}</label><textarea id="private_key" name="private_key" class="form-control font-monospace" rows="14" required spellcheck="false" data-parsley-required-message="{% translate 'Paste the complete private key.' %}">{{ form.private_key.value|default:'' }}</textarea></div><div class="col-12"><label for="public_key" class="form-label">{% translate "Public Key" %}</label><textarea id="public_key" name="public_key" class="form-control font-monospace" rows="6" maxlength="4096" required spellcheck="false" placeholder="ssh-ed25519 AAAA... user@example.com" data-parsley-required-message="{% translate 'Paste the matching public key.' %}" data-parsley-maxlength-message="{% translate 'The public key cannot exceed 4096 characters.' %}">{{ form.public_key.value|default:'' }}</textarea></div></div></div><div class="d-flex flex-column flex-sm-row gap-2 mb-4"><button type="button" class="btn btn-primary" id="openImportSshKey"><i data-lucide="upload"></i>{% translate "Import Keys" %}</button><a href="{% url 'ssh_list_keys' %}" class="btn btn-outline-secondary"><i data-lucide="arrow-left"></i>{% translate "Go Back" %}</a></div></form>
<div class="modal fade" id="importSshKeyModal" tabindex="-1" aria-labelledby="importSshKeyTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5" id="importSshKeyTitle">{% translate "Import SSH Key Pair" %}</h2><div class="small text-muted mt-1">{% translate "Confirm installation of the supplied key files." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div class="eenos-modal-info mb-4"><div class="eenos-modal-info-icon"><i data-lucide="key-round"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Key name" %}</div><div class="eenos-modal-info-value font-monospace" id="importSshKeySummary"></div></div></div><div class="eenos-notice eenos-notice-warning mb-0"><div class="eenos-notice-icon"><i data-lucide="shield-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Install the supplied keys?" %}</div><div class="eenos-notice-text">{% translate "Verify that the public key belongs to the supplied private key before continuing." %}</div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="button" class="btn btn-primary" id="confirmImportSshKey"><i data-lucide="upload"></i>{% translate "Import Key Pair" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>$(function(){const form=$("#importSshKeyForm"),modal=bootstrap.Modal.getOrCreateInstance(document.getElementById("importSshKeyModal"));$("#openImportSshKey").on("click",function(){const validation=form.parsley();validation.validate();if(!validation.isValid())return;$("#importSshKeySummary").text($("#key_name").val());modal.show()});$("#confirmImportSshKey").on("click",function(){form.get(0).submit()})});</script>{% endblock %}