{# activity_log/dialogs/log_viewer/modal.html #}
{% from "partials/components/ui_macros.html" import modal_title %}
<div class="ds-modal-backdrop">
  <div class="ds-modal" style="max-width:1000px; width:90%;">

    {{ modal_title(title="Log: " + entry.description) }}

    <pre style="margin:0; padding:12px; background:var(--bg); color:var(--text-2);
                font-family:var(--mono); font-size:11px; line-height:1.5;
                overflow-x:auto; white-space:pre-wrap; word-break:break-word;
                max-height:65vh; overflow-y:auto; border-radius:4px;">{{ full_log }}</pre>

    <div class="ds-modal-footer-simple">
      <button class="btn btn-secondary"
              onclick="navigator.clipboard.writeText(this.closest('.ds-modal').querySelector('pre').innerText)">
        Kopieren
      </button>
      <button class="btn btn-secondary"
              onclick="closeModal(this)">
        Schließen
      </button>
    </div>

  </div>
</div>