{% macro plan_card(plan, owned=false, discount_percent=0) %}
{% set effective_price = (plan.price * (100 - discount_percent) / 100) if discount_percent else plan.price %}
{% set plan_image = plan.image_path if plan.image_path else 'images/LV1.png' %}
<article class="product-card{% if owned %} is-owned{% endif %}">
  <span class="product-card__days">{{ plan.duration_days }}d&iacute;as</span>
  <div class="product-card__main">
    <div class="product-card__art">
      <img src="{{ url_for('static', filename=plan_image) }}?v=1" alt="Imagen de {{ plan.name }}" loading="lazy">
    </div>
    <div class="product-card__details">
      <h2>{{ plan.name }}</h2>
      <div{% if discount_percent %} class="product-card__price is-discount"{% endif %}>
        <span>Precio:</span>
        <strong>
          {% if discount_percent %}
          <del class="product-card__price-old">{{ "%.0f"|format(plan.price) }}</del>
          <em class="product-card__price-new">{{ "%.2f"|format(effective_price) }} MXN</em>
          <em class="product-card__price-off">(-{{ discount_percent|float|round(2) }}%)</em>
          {% else %}
          {{ "%.0f"|format(plan.price) }} MXN
          {% endif %}
        </strong>
      </div>
      <div><span>Ingresos diarios:</span><strong>{{ "%.0f"|format(plan.daily_profit) }} MXN</strong></div>
      <div><span>Ingresos totales:</span><strong>{{ "%.0f"|format(plan.total_earnings) }} MXN</strong></div>
    </div>
  </div>
  <p class="product-card__note">Las ganancias acumuladas se reclaman cada 24 horas en Orden.</p>
  {% if owned %}
  <span class="product-card__button product-card__button--disabled">Ya adquirido</span>
  {% elif plan.is_active %}
  <button
    type="button"
    class="product-card__button"
    data-plan-buy
    data-plan='{{ {
      "id": plan.id,
      "name": plan.name,
      "description": plan.description or "Paquete de almacenamiento con rendimiento diario.",
      "price": "%.2f"|format(effective_price or 0),
      "daily_profit": "%.0f"|format(plan.daily_profit or 0),
      "total_earnings": "%.0f"|format(plan.total_earnings or 0),
      "duration_days": plan.duration_days,
      "note": "Las ganancias acumuladas se reclaman cada 24 horas en Orden."
    } | tojson }}'
  >ALMACENAMIENTO <span aria-hidden="true">&#9654;</span></button>
  {% else %}
  <span class="product-card__button product-card__button--disabled">No disponible</span>
  {% endif %}
</article>
{% endmacro %}