{#
  Coffee House Loading Components — Spinner and skeleton placeholders.

  Usage (spinner):
    {% with loading_size="lg", loading_text="Loading..." %}
    {% include "components/loading.html" %}
    {% endwith %}

  Usage (skeleton card — for HTMX placeholders):
    {% with loading_type="skeleton", skeleton_lines=3 %}
    {% include "components/loading.html" %}
    {% endwith %}

  Sizes: "sm", "md" (default), "lg"
  Types: "spinner" (default), "skeleton"
#}
{% set _type = loading_type | default("spinner") %}

{% if _type == "skeleton" %}
<div class="flex flex-col gap-3 p-4">
    <div class="skeleton h-4 w-3/4"></div>
    {% for i in range(skeleton_lines | default(3)) %}
    <div class="skeleton h-3 w-full"></div>
    {% endfor %}
    <div class="skeleton h-3 w-1/2"></div>
</div>
{% else %}
<div class="flex flex-col items-center justify-center py-8 gap-2">
    <span class="loading loading-spinner loading-{{ loading_size | default('md') }}"></span>
    {% if loading_text is defined and loading_text %}
    <span class="text-sm text-base-content/50">{{ loading_text }}</span>
    {% endif %}
</div>
{% endif %}