{% extends "base.html" %}
{% block title %}Disaster recovery{% endblock %}
{% block page_id %}recovery_native{% endblock %}
{% block head %}
<style>
.rn-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media(min-width:1050px){.rn-grid{grid-template-columns:minmax(300px,2fr) minmax(0,3fr)}}.rn-grid>*{min-width:0}.rn-fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rn-fields label{display:flex;flex-direction:column;gap:5px}.rn-fields input,.rn-fields textarea,.rn-fields select{width:100%;min-width:0}.rn-fields input[type=checkbox]{width:auto}.rn-wide{grid-column:1/-1}.rn-step{border:1px solid var(--line);padding:12px;border-radius:8px;margin:10px 0}.rn-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.rn-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto}.rn-note{overflow-wrap:anywhere}.rn-saved-json{max-height:240px}.rn-selected{background:var(--bg-3)}@media print{body.rn-print>*{display:none!important}body.rn-print #rn-printable{display:block!important;position:absolute;inset:0;background:white;color:black;padding:15px;white-space:pre-wrap}}
</style>
{% endblock %}
{% block content %}
<div class="a-page-head"><h1>Disaster recovery</h1><div class="a-sub">Shared desktop records and manual recovery planning.</div></div>
<p class="a-hint">Plans, replication readings and test outcomes are operator records. Declarations record decisions; follow the runbook by hand. This page does not switch traffic, replicate data, execute recovery tests or schedule work. Contact test emails are sent only through the explicit TEST action.</p>
<div class="a-toolbar"><a class="a-btn" href="{{ aida_rel('backup') }}">Backup dashboard</a><button class="a-btn" id="rn-refresh" type="button">Refresh saved records</button></div>
<div id="rn-message" aria-live="polite"></div>
<section class="a-card"><h2>Recorded recovery state</h2><div id="rn-status"></div><details><summary>Saved status and declaration history</summary><pre id="rn-status-json" class="rn-output"></pre></details>
<h3>Manual declarations</h3><p class="a-hint">Only a saved Active plan can be declared. Each action checks the reviewed status revision; Declare also checks the selected plan revision.</p>
<div class="rn-fields"><label>Reviewed saved plan<select class="a-select" id="rn-declaration-plan"></select></label><label class="rn-wide">Reason<textarea class="a-input" id="rn-declaration-reason" rows="2" maxlength="2000"></textarea></label><label>Type the action to confirm<input class="a-input" id="rn-declaration-confirm" autocomplete="off" placeholder="DECLARE, FAILBACK or CANCEL"></label></div>
<button class="a-btn" id="rn-declaration-review" type="button">Review selected plan revision</button><p class="a-hint rn-note" id="rn-declaration-note"></p><div class="rn-actions"><button class="a-btn a-btn--danger" id="rn-declare" type="button">Record manual DECLARE</button><button class="a-btn" id="rn-failback" type="button">Record manual FAILBACK</button><button class="a-btn" id="rn-cancel" type="button">Record manual CANCEL</button></div></section>
<div class="a-toolbar"><label for="rn-kind">Record catalog</label><select class="a-select" id="rn-kind"><option value="plans">Recovery plans</option><option value="systems">Protected systems</option><option value="replication">Replication pairs</option><option value="runbooks">Runbooks</option><option value="tests">Recovery tests</option><option value="contacts">Emergency contacts</option></select><button class="a-btn a-btn--primary" id="rn-new" type="button">New record</button><button class="a-btn" id="rn-export-json" type="button">Download catalog JSON</button><button class="a-btn" id="rn-export-csv" type="button">Download catalog CSV</button></div>
<div class="rn-grid"><section class="a-card"><div class="a-card-head"><h2 id="rn-list-title">Saved records</h2><span id="rn-count"></span></div><div id="rn-list"></div></section>
<section class="a-card"><h2 id="rn-editor-title">New record</h2><p id="rn-draft-note" class="a-hint rn-note"></p><form id="rn-record-form"><div class="rn-fields" id="rn-fields"></div><section id="rn-step-section" hidden><h3>Ordered manual runbook steps</h3><p class="a-hint">Edit and save these instructions, then follow them by hand. Steps are not executed by this page.</p><div id="rn-steps"></div><button class="a-btn" id="rn-step-add" type="button">Add step</button></section><div class="rn-actions"><button class="a-btn a-btn--primary" id="rn-save" type="submit">Save record</button><button class="a-btn" id="rn-review-create" type="button">Review catalog revision (keep new draft)</button><button class="a-btn" id="rn-reload" type="button">Reload saved record (replace draft)</button></div></form>
<details><summary>Current saved record (includes retained additional fields)</summary><pre id="rn-saved-json" class="rn-output rn-saved-json"></pre></details>
<div class="rn-fields"><label>Type the saved record name to delete<input class="a-input" id="rn-delete-confirm" autocomplete="off"></label></div><p class="a-hint rn-note" id="rn-delete-note"></p><button class="a-btn a-btn--danger" id="rn-delete" type="button">Delete saved record</button>
<section id="rn-test-outcome" hidden><h3>Record an operator-reported test outcome</h3><p class="a-hint">Use this only after carrying out and reviewing the test yourself. No test is run here. Unsaved edits must be saved first.</p><div class="rn-fields"><label>Observed outcome<select class="a-select" id="rn-outcome"><option value="Pass">Pass</option><option value="Fail">Fail</option></select></label><label>Type RECORD<input class="a-input" id="rn-outcome-confirm" autocomplete="off"></label></div><button class="a-btn" id="rn-outcome-save" type="button">Record outcome</button></section>
<section id="rn-contact-test" hidden><h3>Send one contact test email</h3><p class="a-hint">This sends an actual email to the selected saved contact using this PC's saved SMTP settings. Save and review the contact first. SMTP credentials are not displayed.</p><label>Type TEST<input class="a-input" id="rn-contact-confirm" autocomplete="off"></label><button class="a-btn" id="rn-contact-send" type="button">Send test email to saved contact</button></section>
</section></div>
<section class="a-card"><h2>Older web catalog import</h2><p class="a-hint">Review the older Plans, Replication, Tests or Runbooks catalog and explicitly select records to copy into the shared desktop catalog. Both catalog revisions are checked. Original source bytes remain unchanged.</p><div class="rn-actions"><button class="a-btn" id="rn-legacy-review" type="button">Review older web records</button><button class="a-btn" id="rn-legacy-import" type="button" disabled>Import selected records</button></div><p class="a-hint rn-note" id="rn-legacy-note"></p><div id="rn-legacy-list"></div></section>
<section class="a-card"><h2>Recovery preferences</h2><p class="a-hint">Saved desktop preferences. Notification delivery, reminders and scheduling remain manual.</p><form id="rn-settings-form"><div class="rn-fields" id="rn-settings-fields"></div><p class="a-hint rn-note" id="rn-settings-note"></p><div class="rn-actions"><button class="a-btn" id="rn-settings-save" type="submit">Save preferences</button><button class="a-btn" id="rn-settings-reload" type="button">Reload saved preferences (replace draft)</button></div></form></section>
<section class="a-card" id="rn-reports"><h2>Reports from saved records</h2><p class="a-hint">These reports summarize the saved operator records; they do not verify current system state.</p><div class="a-toolbar"><label for="rn-report-kind">Report</label><select class="a-select" id="rn-report-kind"><option value="readiness">Readiness</option><option value="compliance">RPO / RTO compliance records</option><option value="test-history">Test history</option><option value="replication">Recorded replication</option><option value="gaps">Planning gaps</option><option value="executive">Executive summary</option></select><button class="a-btn" id="rn-report-generate" type="button">Generate saved-record report</button></div><p class="a-hint" id="rn-report-note">No report has been generated.</p><pre class="rn-output" id="rn-report-output"></pre><div class="rn-actions"><button class="a-btn" id="rn-report-txt" type="button">Download current saved-record text</button><button class="a-btn" id="rn-report-pdf" type="button">Download current saved-record PDF</button><button class="a-btn" id="rn-report-csv" type="button">Download report CSV</button><button class="a-btn" id="rn-report-json" type="button">Download report JSON</button><button class="a-btn" id="rn-report-print" type="button">Print reviewed report</button></div></section>
{% endblock %}
{% block scripts %}<script src="{{ aida_rel('static/js/recovery_native.js') }}"></script>{% endblock %}