{% extends 'base.html' %}
{% block content %}
<div class="page-header">
  <h2>Скрипты и пути</h2>
</div>

<div class="card">
  <h3>Команды</h3>
  <div class="script-list">
    {% for key, cmd in commands.items() %}
    <div class="script-item">
      <div class="script-label">{{ key }}</div>
      <div class="script-cmd-wrap">
        <pre class="script-cmd">{{ cmd }}</pre>
        <button class="btn btn-sm copy-btn" onclick="copyText(this, '{{ cmd | replace("'", "\\'") }}')">Копировать</button>
      </div>
    </div>
    {% endfor %}
  </div>
</div>

<div class="card">
  <h3>Важные пути</h3>
  <ul class="path-list">
    {% for path in paths %}
    <li class="mono-sm">{{ path }}</li>
    {% endfor %}
  </ul>
</div>

<script>
function copyText(btn, text) {
  navigator.clipboard.writeText(text).then(() => {
    btn.textContent = 'Скопировано!';
    setTimeout(() => btn.textContent = 'Копировать', 2000);
  });
}
</script>
{% endblock %}