{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Certificate Signing Requests" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Certificate Signing Requests" %}</h1><div class="eenos-page-subtitle">{% translate "View, download, and manage generated requests and their private keys." %}</div></div><div class="col-12 col-sm-auto"><a href="{% url 'ssl_csr_create' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2 w-100"><i data-lucide="plus"></i>{% translate "Generate CSR" %}</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><a href="{% url 'ssl_domains' %}">{% translate "SSL/TLS" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "Certificate Requests" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-amber-notice eenos-amber-notice-warning mb-4" role="alert"><div class="eenos-amber-notice-icon"><i data-lucide="key-round"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Protect private keys" %}</div><div class="eenos-amber-notice-text">{% translate "Deleting a CSR also removes its private key. Download any files you still need first." %}</div></div></div>
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Generated CSRs" %}</h2><p class="eenos-card-subtitle">{% translate "Certificate requests created for domains in this hosting account." %}</p></div><div class="eenos-card-action-icon"><i data-lucide="file-key-2"></i></div></div><div class="table-responsive"><table id="csrTable" class="table align-middle w-100"><thead><tr><th>{% translate "Domain" %}</th><th>{% translate "SANs" %}</th><th>{% translate "Created" %}</th><th>{% translate "Key Type" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<form method="post" id="deleteCsrForm" class="d-none">{% csrf_token %}<input type="hidden" name="csr_delete" value="yes"><input type="hidden" name="domain" id="deleteCsrDomain"></form>
<div class="modal fade" id="viewCsrModal" tabindex="-1" aria-labelledby="viewCsrTitle" 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="viewCsrTitle"></h2><div class="small text-muted font-monospace" id="viewCsrDomain"></div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div id="privateKeyWarning" class="eenos-notice eenos-notice-warning mb-3 d-none"><div class="eenos-notice-icon"><i data-lucide="shield-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "Sensitive private key" %}</div><div class="eenos-notice-text">{% translate "Do not disclose this private key. Anyone with it may impersonate the secured service." %}</div></div></div><div id="viewCsrLoading" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>{% translate "Loading content..." %}</div><div id="viewCsrError" class="eenos-notice eenos-notice-danger d-none"><div class="eenos-notice-icon"><i data-lucide="circle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-text">{% translate "Unable to load the requested file." %}</div></div></div><pre id="viewCsrContent" class="eenos-code-view eenos-code-view-wrap mb-0 d-none"></pre></div><div class="modal-footer"><button type="button" class="btn btn-outline-primary" id="copyCsrContent"><i data-lucide="copy"></i><span>{% translate "Copy" %}</span></button><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% translate "Close" %}</button></div></div></div></div>
<div class="modal fade" id="deleteCsrModal" tabindex="-1" aria-labelledby="deleteCsrTitle" 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="deleteCsrTitle">{% translate "Delete Certificate Request" %}</h2><div class="small text-muted mt-1">{% translate "Permanently remove the CSR and its private 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-modal-info mb-4"><div class="eenos-modal-info-icon"><i data-lucide="globe-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Domain" %}</div><div class="eenos-modal-info-value" id="deleteCsrDomainLabel"></div></div></div><div class="eenos-notice eenos-notice-danger mb-0"><div class="eenos-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "This action cannot be undone" %}</div><div class="eenos-notice-text">{% translate "The certificate request and matching private key will both be deleted." %}</div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="button" class="btn btn-danger" id="confirmDeleteCsr"><i data-lucide="trash-2"></i>{% translate "Delete CSR" %}</button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const esc=v=>$("<div>").text(v==null?"":v).html(),viewUrl="{% url 'csrview' %}",downloadUrl="{% url 'csrdownload' %}";
const created=v=>{if(!v)return"—";const d=new Date(String(v).replace(" ","T"));return Number.isNaN(d.getTime())?esc(v):'<span class="text-nowrap" title="'+esc(v)+'">'+esc(new Intl.DateTimeFormat(undefined,{dateStyle:"medium",timeStyle:"short"}).format(d))+"</span>"};
const table=$("#csrTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'ssl_csr_data' %}",dataSrc:"data"},pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],order:[[0,"asc"]],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No certificate signing requests are available.' %}",zeroRecords:"{% translate 'No matching certificate requests found.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[
{data:"domain",responsivePriority:1,className:"text-nowrap",render:(v,t,r)=>t==="display"&&r.site_url?'<a href="'+esc(r.site_url)+'" target="_blank" rel="noopener noreferrer" class="d-inline-flex align-items-center gap-1">'+esc(v)+'<i data-lucide="external-link"></i></a>':v},
{data:"sans",defaultContent:"—",responsivePriority:4,render:(v,t)=>t==="display"?'<span class="text-break">'+esc(v||"—")+"</span>":v},
{data:"created_at",responsivePriority:3,className:"text-nowrap",render:(v,t)=>t==="display"?created(v):v},
{data:"key_type",responsivePriority:5,className:"text-nowrap",render:(v,t)=>t==="display"?'<span class="eenos-badge eenos-badge-neutral font-monospace">'+esc(v||"—")+"</span>":v},
{data:null,orderable:false,searchable:false,responsivePriority:2,className:"text-end text-nowrap",render:(d,t,r)=>t!=="display"?"":'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-success view-csr" data-kind="csr" data-domain="'+esc(r.domain)+'" title="{% translate "View CSR" %}"><i data-lucide="file-search"></i></button><a class="btn btn-sm btn-outline-primary" href="'+downloadUrl+'?csr='+encodeURIComponent(r.domain)+'" title="{% translate "Download CSR" %}"><i data-lucide="download"></i></a><button type="button" class="btn btn-sm btn-outline-warning view-csr" data-kind="key" data-domain="'+esc(r.domain)+'" title="{% translate "View private key" %}"><i data-lucide="key-round"></i></button><a class="btn btn-sm btn-outline-secondary" href="'+downloadUrl+'?key='+encodeURIComponent(r.domain)+'" title="{% translate "Download private key" %}"><i data-lucide="hard-drive-download"></i></a><button type="button" class="btn btn-sm btn-outline-danger delete-csr" data-domain="'+esc(r.domain)+'" title="{% translate "Delete CSR" %}"><i data-lucide="trash-2"></i></button></div>'}],drawCallback:()=>lucide.createIcons()});
table.on("responsive-display",()=>lucide.createIcons());
const viewModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("viewCsrModal")),deleteModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("deleteCsrModal"));
$(document).on("click",".view-csr",function(){const kind=this.dataset.kind,domain=this.dataset.domain,isKey=kind==="key";$("#viewCsrTitle").text(isKey?"{% translate 'Private Key' %}":"{% translate 'Certificate Signing Request' %}");$("#viewCsrDomain").text(domain);$("#privateKeyWarning").toggleClass("d-none",!isKey);$("#viewCsrContent").addClass("d-none").text("");$("#viewCsrError").addClass("d-none");$("#viewCsrLoading").removeClass("d-none");viewModal.show();const data={};data[kind]=domain;$.get(viewUrl,data).done(x=>{const content=$("<div>").html(String(x)).text();$("#viewCsrContent").text(content).removeClass("d-none")}).fail(()=>$("#viewCsrError").removeClass("d-none")).always(()=>$("#viewCsrLoading").addClass("d-none"))});
$("#copyCsrContent").on("click",async function(){const text=$("#viewCsrContent").text(),button=$(this);const copied=await window.EenosUapp.copyToClipboard(text);if(!copied)return;button.find("span").text("{% translate 'Copied' %}");setTimeout(()=>button.find("span").text("{% translate 'Copy' %}"),1800)});
$(document).on("click",".delete-csr",function(){const domain=this.dataset.domain;$("#deleteCsrDomain").val(domain);$("#deleteCsrDomainLabel").text(domain);deleteModal.show()});$("#confirmDeleteCsr").on("click",()=>document.getElementById("deleteCsrForm").submit());
})})(jQuery);
</script>{% endblock %}