{% comment %}
Card Component - Django Template Version of shadcn/ui Card
Usage: {% include 'components/ui/card.html' with title='Card Title' content='Card content' %}

Security: All content variables are sanitized to prevent XSS attacks.
{% endcomment %}
{% load safe_html %}

<div class="rounded-lg border bg-card text-card-foreground shadow-sm {{ class|default:'' }}">
  {% if title or header_content %}
  <div class="flex flex-col space-y-1.5 p-6">
    {% if title %}
    <h3 class="text-2xl font-semibold leading-none tracking-tight">{{ title }}</h3>
    {% endif %}
    {% if description %}
    <p class="text-sm text-muted-foreground">{{ description }}</p>
    {% endif %}
    {% if header_content %}
    {{ header_content|sanitize }}
    {% endif %}
  </div>
  {% endif %}

  {% if content or body_content %}
  <div class="p-6 pt-0">
    {% if content %}
    {{ content|sanitize }}
    {% endif %}
    {% if body_content %}
    {{ body_content|sanitize }}
    {% endif %}
  </div>
  {% endif %}

  {% if footer_content %}
  <div class="flex items-center p-6 pt-0">
    {{ footer_content|sanitize }}
  </div>
  {% endif %}
</div>