{# Macro card
   Uso:
     {% from "dg/components/card.html" import card, card_start, card_end %}
     {% call card(title="Identificación", padded=true) %}
       ... contenido ...
     {% endcall %}
#}

{% macro card(title="", subtitle="", padded=true, extra_class="") %}
<div class="card {{ 'p-0 overflow-hidden' if not padded else '' }} {{ extra_class }}">
  {%- if title %}
  <div class="{% if not padded %}px-5 pt-5{% endif %} {% if subtitle %}mb-1{% else %}mb-4{% endif %}">
    <h2 class="card-title">{{ title }}</h2>
    {%- if subtitle %}<p class="card-body">{{ subtitle }}</p>{% endif %}
  </div>
  {%- endif %}
  {{ caller() }}
</div>
{%- endmacro %}

{% macro card_start(title="", subtitle="", padded=true, extra_class="") %}
<div class="card {{ 'p-0 overflow-hidden' if not padded else '' }} {{ extra_class }}">
  {%- if title %}
  <div class="{% if not padded %}px-5 pt-5{% endif %} mb-4">
    <h2 class="card-title">{{ title }}</h2>
    {%- if subtitle %}<p class="card-body">{{ subtitle }}</p>{% endif %}
  </div>
  {%- endif %}
{%- endmacro %}

{% macro card_end() %}
</div>
{%- endmacro %}