{% from "opportunities/_materialization.html" import reasoning_block, strategy_pill %}

{% macro materialization_side_content(audit_mv_candidates=None, bq_mv_recommendations=None) %}
  {% set _audit = audit_mv_candidates or [] %}
  {% set _bq = bq_mv_recommendations or [] %}
  {% if _audit or _bq %}
    <div class="divide-y divide-slate-200 dark:divide-slate-800">
      {% for cand in _audit %}
        {% set _strategy = cand.recommended_strategy or "materialized_view" %}
        <details class="group py-3 first:pt-0 last:pb-0">
          <summary class="flex items-start justify-between gap-3 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden">
            <div class="min-w-0">
              <div class="flex flex-wrap items-center gap-2">
                {{ strategy_pill(_strategy) }}
                <span class="ui-pill ui-pill-neutral">audit-detected</span>
              </div>
              {% if cand.dbt_node_id or cand.suggested_mv_name %}
                <p class="mt-2 font-mono text-sm text-slate-700 dark:text-slate-200 break-all">{{ cand.dbt_node_id or cand.suggested_mv_name }}</p>
              {% endif %}
            </div>
            <svg class="w-4 h-4 mt-1 text-slate-400 dark:text-slate-500 transition-transform group-open:rotate-180 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </summary>
          {{ reasoning_block(cand.reasoning, caveats=(cand.safety_caveats or cand.caveats)) }}
          {% if cand.downstream_dbt_node_ids %}
          <div class="mt-4 border-t border-slate-200 dark:border-slate-800 pt-3">
            <p class="ui-card-label">Consumers</p>
            <div class="mt-2 flex flex-wrap gap-2">
              {% for downstream in cand.downstream_dbt_node_ids[:3] %}
                <span class="ui-pill ui-pill-neutral font-mono">{{ downstream }}</span>
              {% endfor %}
              {% if cand.downstream_dbt_node_ids | length > 3 %}
                <span class="ui-pill ui-pill-neutral">+{{ cand.downstream_dbt_node_ids | length - 3 }} more</span>
              {% endif %}
            </div>
          </div>
          {% endif %}
        </details>
      {% endfor %}

      {% for rec in _bq %}
        <details class="group py-3 first:pt-0 last:pb-0">
          <summary class="flex items-start justify-between gap-3 cursor-pointer select-none list-none [&::-webkit-details-marker]:hidden">
            <div class="min-w-0">
              <div class="flex flex-wrap items-center gap-2">
                {{ strategy_pill("materialized_view") }}
                <span class="ui-pill ui-pill-neutral">BigQuery Recommender</span>
                {% if rec.bq_recommendation_state %}
                  <span class="ui-pill ui-pill-neutral">{{ rec.bq_recommendation_state }}</span>
                {% endif %}
              </div>
              {% if rec.target_table_full_name or rec.target_resource %}
                <p class="mt-2 font-mono text-sm text-slate-700 dark:text-slate-200 break-all">{{ rec.target_table_full_name or rec.target_resource }}</p>
              {% endif %}
            </div>
            <svg class="w-4 h-4 mt-1 text-slate-400 dark:text-slate-500 transition-transform group-open:rotate-180 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </summary>
          {% if rec.bq_description %}
            <p class="mt-3 text-sm text-slate-700 dark:text-slate-300 leading-relaxed whitespace-pre-line">{{ rec.bq_description }}</p>
          {% endif %}
          {% if rec.bq_insights %}
            <div class="mt-4 border-t border-slate-200 dark:border-slate-800 pt-3">
              <p class="ui-card-label">Insights</p>
              <ul class="mt-2 space-y-2 text-sm text-slate-700 dark:text-slate-300">
                {% for ins in rec.bq_insights[:2] %}
                  <li>{{ ins.description }}</li>
                {% endfor %}
                {% if rec.bq_insights | length > 2 %}
                  <li class="text-slate-500 dark:text-slate-400">+{{ rec.bq_insights | length - 2 }} more insights</li>
                {% endif %}
              </ul>
            </div>
          {% endif %}
        </details>
      {% endfor %}
    </div>
  {% else %}
    <p class="ui-card-meta">No materialization suggestion is attached here.</p>
  {% endif %}
{% endmacro %}