{% from '_macros.html' import td_eur, td_source, td_source_short, copy_btn, verify_btn, casilla_badge, pluralize, cell_amount, casilla_warnings_block, note_block, section_h2, empty_state %}
{{ section_h2(casilla, 'Retenciones en el extranjero') }}
{{ note_block(casilla) }}
{{ casilla_warnings_block(casilla) }}
<div class="instrucciones">
  Introduce estos importes en la casilla 0588 de Renta Web.
  En el apartado <strong>"Rentas incluidas en la base del ahorro"</strong> hay que introducir los mismos
  valores que se pusieron en {{ casilla_badge(29) }} (dividendos). Pueden introducirse por activo o
  de manera agregada si no hay suficientes filas disponibles.
</div>

{% if casilla.extras.grupos_retenciones %}
<h3>Resumen por activo</h3>
<table class="resumen-ventas">
  <thead><tr>
    <th>Activo</th>
    <th class="num">Rentas incluidas en la base del ahorro<br><span class="hint">(datos de {{ casilla_badge(29) }})</span></th>
    <th class="num">Impuesto satisfecho en el extranjero</th>
  </tr></thead>
  <tbody>
  {% for grupo in casilla.extras.grupos_retenciones %}
    <tr>
      <td>{{ grupo.ticker }}</td>
      {% set rba = grupo.get('rentas_base_ahorro_eur') %}
      <td class="num money">
        {% if rba is not none %}
          {{ rba | format_num }}&nbsp;€{{ copy_btn(rba) }}
        {% else %}—{% endif %}
      </td>
      <td class="num money">
        {% if grupo.total_eur is not none %}
          {{ grupo.total_eur | format_num }}&nbsp;€{{ copy_btn(grupo.total_eur) }}
        {% else %}—{% endif %}
      </td>
    </tr>
  {% endfor %}
    <tr class="total-row">
      <td><strong>Total</strong></td>
      <td class="num money">
        {% set t = casilla.extras.get('total_rentas_base_ahorro') %}
        {% if t is not none %}{{ cell_amount(t, button='verify') }}{% else %}—{% endif %}
      </td>
      <td class="num">
        {% if casilla.valor is not none %}{{ cell_amount(casilla.valor, casilla=588, button='verify') }}{% else %}—{% endif %}
      </td>
    </tr>
  </tbody>
</table>

<h3>Detalle de operaciones</h3>
{% for grupo in casilla.extras.grupos_retenciones %}
{% set ns = namespace(files=[], labels=[]) %}
{% for item in grupo.operaciones %}{% if item.fuente and item.fuente.file not in ns.files %}{% set ns.files = ns.files + [item.fuente.file] %}{% set ns.labels = ns.labels + [item.fuente.file_label] %}{% endif %}{% endfor %}
{% set single_src = ns.labels|length <= 1 %}
<details class="grupo-activo">
  <summary>
    <span class="grupo-activo-ticker">
      {{ grupo.ticker }}
      {% if grupo.tiene_errores %}<span class="error-badge">ERROR</span>{% endif %}
      {% if grupo.tiene_avisos and not grupo.tiene_errores %}<span class="warning-badge">AVISO</span>{% endif %}
    </span>
    {% if ns.labels %}<span class="grupo-activo-source">{{ ns.labels|join(' · ') }}</span>{% endif %}
    <span class="grupo-activo-meta">
      {{ grupo.num_ops }} {{ pluralize(grupo.num_ops, 'movimiento', 'movimientos') }}
      {% if grupo.total_eur is not none %}&nbsp;·&nbsp; Total&nbsp;<span class="kpi-val">{{ grupo.total_eur|format_num }}&nbsp;€</span>{% endif %}
    </span>
  </summary>
  <table>
    <thead><tr>
      <th class="num col-index">#</th>
      <th>Fecha</th>
      <th>Tipo</th>
      <th class="num">Importe USD</th>
      <th class="num">Tipo de Cambio</th>
      <th class="num">Importe EUR</th>
      <th>Origen</th>
    </tr></thead>
    <tbody>
    {% for item in grupo.operaciones %}
      {% set e = item.extras %}
      {% if item.error %}
      <tr class="error-row">
        <td class="num">{{ loop.index }}</td>
        <td>{{ e.get('fecha', '') }}</td>
        <td>{{ e.get('tipo', '') }}</td>
        <td class="num money">{{ e.get('importe_usd', '') }}</td>
        <td class="num">—</td>
        <td class="num error-text">{{ item.error }}</td>
        {{ td_source_short(item.fuente, multi=not single_src) }}
      </tr>
      {% elif item.aviso %}
      <tr class="warning-row">
        <td class="num">{{ loop.index }}</td>
        <td>{{ e.get('fecha', '') }}</td>
        <td>{{ e.get('tipo', '') }}</td>
        <td class="num money">{{ e.get('importe_usd', '') }}</td>
        <td class="num">—</td>
        <td class="num warning-text">{{ item.aviso }}</td>
        {{ td_source_short(item.fuente, multi=not single_src) }}
      </tr>
      {% else %}
      <tr>
        <td class="num">{{ loop.index }}</td>
        <td>{{ e.get('fecha', '') }}</td>
        <td>{{ e.get('tipo', '') }}</td>
        <td class="num money">{{ e.get('importe_usd', '') }}</td>
        <td class="num">{{ e.get('tipo_cambio', '') }}</td>
        {{ td_eur(item.importe_eur, color=True) }}
        {{ td_source_short(item.fuente, multi=not single_src) }}
      </tr>
      {% endif %}
    {% endfor %}
    </tbody>
  </table>
</details>
{% endfor %}
{% else %}
{{ empty_state('No hay retenciones en el extranjero en este ejercicio.') }}
{% endif %}