{% if has_custom_xsl %}
  <div class="mb-4 text-sm text-gray-700 dark:text-gray-300">
    Custom XSL stylesheet is active:
  </div>
  <div class="mb-4 text-xs font-mono text-gray-600 dark:text-gray-400 truncate" title="{{ xsl_path }}">
    {{ xsl_path }}
  </div>
{% endif %}

<div class="flex flex-wrap gap-2 mb-4">
  <!-- Download current/default XSL -->
  <a href="/download/{{ slug }}/rss.xsl" class="ui-button" download>
    {% if has_custom_xsl %}Download current XSL{% else %}Download default XSL{% endif %}
  </a>

  <!-- Upload custom XSL -->
  <form method="post" action="/show/xsl/upload" hx-boost="false" enctype="multipart/form-data" class="inline">
    <input type="hidden" name="slug" value="{{ slug }}">
    <input type="file" name="xsl_file" accept=".xsl,.xml" id="xsl-upload-{{ slug }}" class="hidden"
           onchange="this.form.submit()">
    <button type="button" onclick="document.getElementById('xsl-upload-{{ slug }}').click()" class="ui-button">
      Upload custom XSL
    </button>
  </form>

  <!-- Revert to default -->
  {% if has_custom_xsl %}
    <form method="post" action="/show/xsl/delete" hx-boost="false" class="inline">
      <input type="hidden" name="slug" value="{{ slug }}">
      <button type="submit" class="ui-button ui-button-danger"
              onclick="return confirm('Revert to default XSL stylesheet?')">
        Revert to default
      </button>
    </form>
  {% endif %}
</div>