{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "SSH Authorized Keys" %} - Eenos{% endblock %}
{% block extra_css %}<style>.eenos-ssh-public-key{max-width:min(48vw,680px)}</style>{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "SSH Authorized Keys" %}</h1><div class="eenos-page-subtitle">{% translate "Review the public keys permitted to authenticate to your hosting account." %}</div></div><div class="col-12 col-sm-auto"><a href="{% url 'ssh_add_authorized_keys' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2 w-100"><i data-lucide="plus"></i>{% translate "Add Authorized Key" %}</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 "Authorized Keys" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-amber-notice eenos-amber-notice-warning mb-4"><div class="eenos-amber-notice-icon"><i data-lucide="shield-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Review access regularly" %}</div><div class="eenos-amber-notice-text">{% translate "Remove keys that are no longer used or whose matching private key may have been exposed." %}</div></div></div>
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Authorized Public Keys" %}</h2></div><div class="eenos-card-action-icon"><i data-lucide="shield-check"></i></div></div><div class="table-responsive"><table id="sshAuthorizedKeysTable" class="table align-middle w-100"><thead><tr><th>{% translate "Type" %}</th><th>{% translate "Public Key" %}</th><th>{% translate "Comment" %}</th><th class="text-end">{% translate "Action" %}</th></tr></thead></table></div></div>
<form method="post" id="deleteAuthorizedKeyForm" class="d-none">{% csrf_token %}<input type="hidden" name="delete_auth" value="yes"><input type="hidden" name="keydata" id="deleteAuthorizedKeyData"></form>
<div class="modal fade" id="deleteAuthorizedKeyModal" tabindex="-1" aria-labelledby="deleteAuthorizedKeyTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5" id="deleteAuthorizedKeyTitle">{% translate "Remove Authorized Key" %}</h2><div class="small text-muted mt-1">{% translate "Revoke access granted by this public key." %}</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-notice eenos-notice-danger mb-3"><div class="eenos-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Revoke SSH access?" %}</div><div class="eenos-notice-text">{% translate "Connections using this key will no longer be able to authenticate to your hosting account." %}</div></div></div><pre class="eenos-code-view eenos-code-view-wrap mb-0" id="authorizedKeyPreview"></pre></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-danger" id="confirmDeleteAuthorizedKey"><i data-lucide="trash-2"></i>{% translate "Remove Key" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
$(function(){const esc=v=>$("<div>").text(v==null?"":v).html(),table=$("#sshAuthorizedKeysTable").DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,autoWidth:false,pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],ajax:{url:"{% url 'ssh_authorized_keys_data' %}",dataSrc:"data"},order:[[2,"asc"]],columns:[{data:"key_type",width:"120px",className:"text-nowrap",render:(d,t)=>t==="display"?'<span class="badge eenos-badge-neutral font-monospace">'+esc(d||"-")+'</span>':d},{data:"public_key",responsivePriority:1,render:(d,t)=>t==="display"?'<code class="eenos-ssh-public-key d-inline-block text-truncate" title="'+esc(d)+'">'+esc(d)+'</code>':d},{data:"comment",render:(d,t)=>t==="display"?esc(d||"-"):d},{data:null,orderable:false,searchable:false,width:"70px",className:"text-end",responsivePriority:1,render:(d,t,r)=>t!=="display"?"":'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-danger delete-authorized-key" data-key="'+encodeURIComponent(r.public_key)+'" title="{% translate 'Remove authorized key' %}" aria-label="{% translate 'Remove authorized key' %}"><i data-lucide="trash-2"></i></button></div>'}],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No authorized SSH keys are configured.' %}",zeroRecords:"{% translate 'No matching keys found.' %}"},drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById("deleteAuthorizedKeyModal"));$(document).on("click",".delete-authorized-key",function(){const key=decodeURIComponent(this.dataset.key);$("#deleteAuthorizedKeyData").val(key);$("#authorizedKeyPreview").text(key);modal.show()});$("#confirmDeleteAuthorizedKey").on("click",function(){document.getElementById("deleteAuthorizedKeyForm").submit()})});
</script>{% endblock %}