<dialog id="{{ modal_id }}" class="modal">
  <div class="modal-box w-11/12 max-w-5xl">
    <h3 class="font-bold text-lg">{{ title }}</h3>
    <div class="py-4">
      {% if content_type == 'json' %}
        <pre class="bg-base-200 p-4 rounded-lg overflow-x-auto"><code>{{ content|pprint }}</code></pre>
      {% else %}
        <p class="whitespace-pre-wrap">{{ content }}</p>
      {% endif %}
    </div>
    <div class="modal-action">
      <form method="dialog">
        <button class="btn">Close</button>
      </form>
    </div>
  </div>
</dialog> 