{% from '_macros.html' import td_eur, td_source, td_source_short, copy_btn, copy_btn_str, verify_btn, verify_btn_str, casilla_badge, pluralize, cell_amount, casilla_warnings_block, note_block, section_h2, empty_state %}
{{ section_h2(casilla, 'Venta de acciones') }}
{{ note_block(casilla) }}
{{ casilla_warnings_block(casilla) }}
<div class="instrucciones">
  Crea una <strong>"entidad emisora"</strong> por cada activo y, pulsando sobre la casilla {{ casilla_badge(328) }},
  introduce los datos de la entidad. Después, añade cada operación con el botón <strong>"alta ganancia/pérdida"</strong>.
  <br>
  Las casillas a rellenar por cada operación son la {{ casilla_badge(328) }} (valor de transmisión) y la
  {{ casilla_badge(331) }} (valor de adquisición).
  Las casillas {{ casilla_badge(336) }} (ganancias por activo), {{ casilla_badge(337) }}{{ casilla_badge(338) }} (pérdidas por activo),
  {{ casilla_badge(339) }} (total ganancias) y {{ casilla_badge(340) }} (total pérdidas) se calculan
  automáticamente en la Renta y se muestran aquí para verificar los datos una vez introducidos.
</div>

{% if casilla.extras.grupos_activo %}
<h3>Resumen por activo</h3>
<table class="resumen-ventas">
  <thead><tr>
    <th>Activo</th>
    <th class="num">Ganancias</th>
    <th class="num">Pérdidas</th>
  </tr></thead>
  <tbody>
    {% for grupo in casilla.extras.grupos_activo %}
    <tr>
      <td>{{ grupo.ticker }}</td>
      <td class="num">{{ cell_amount(grupo.ganancias_activo, casilla=336, button='verify', abs_value=True) }}</td>
      <td class="num">{{ cell_amount(grupo.perdidas_activo, casillas=[337,338], button='verify', abs_value=True) }}</td>
    </tr>
    {% endfor %}
    <tr class="total-row">
      <td><strong>Total</strong></td>
      <td class="num">{{ cell_amount(casilla.extras.total_ganancias, casilla=339, button='verify', abs_value=True) }}</td>
      <td class="num">{{ cell_amount(casilla.extras.total_perdidas, casilla=340, button='verify', abs_value=True) }}</td>
    </tr>
  </tbody>
</table>

<h3>Detalle de operaciones</h3>
{% for grupo in casilla.extras.grupos_activo %}
{% 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, 'operación', 'operaciones') }}
      &nbsp;·&nbsp; Transmisiones&nbsp;{% if grupo.total_ingresos_eur is not none %}{{ casilla_badge(328) }}&nbsp;<span class="kpi-val">{{ grupo.total_ingresos_eur|format_num }}&nbsp;€</span>{{ verify_btn(grupo.total_ingresos_eur) }}{% else %}—{% endif %}
      &nbsp;·&nbsp; Adquisiciones&nbsp;{% if grupo.total_coste_eur is not none %}{{ casilla_badge(331) }}&nbsp;<span class="kpi-val">{{ grupo.total_coste_eur|format_num }}&nbsp;€</span>{{ verify_btn(grupo.total_coste_eur) }}{% else %}—{% endif %}
    </span>
  </summary>
  <table>
    <thead>
      <tr class="group-header">
        <th colspan="1" class="col-index">#</th>
        <th colspan="2" class="group-start">Fechas</th>
        <th colspan="1" class="group-start">Cantidad</th>
        <th colspan="2" class="group-start">Valores (USD)</th>
        <th colspan="2" class="group-start">Tipo de Cambio</th>
        <th colspan="3" class="group-start">Valores (EUR)</th>
        <th colspan="1" class="group-start">Origen</th>
      </tr>
      <tr>
        <th class="num"></th>
        <th class="group-start">Adquisición</th><th>Transmisión</th>
        <th class="num group-start"></th>
        <th class="num group-start">Adquisición</th><th class="num">Transmisión</th>
        <th class="num group-start">Adquisición</th><th class="num">Transmisión</th>
        <th class="num group-start">Transmisión</th><th class="num">Adquisición</th>
        <th class="num">Ganancia</th><th class="group-start"></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 class="group-start">{{ e.get('fecha_vesting', '') }}</td>
        <td>{{ e.get('fecha_venta', '') }}</td>
        <td class="num money group-start">{{ e.get('cantidad', '') }}</td>
        <td class="num money group-start">{{ e.get('coste_usd', '') }}</td>
        <td class="num money">{{ e.get('ingresos_usd', '') }}</td>
        <td class="num group-start">—</td>
        <td class="num">—</td>
        <td class="num group-start">—</td>
        <td class="num">—</td>
        <td class="num error-text">{{ item.error }}</td>
        {{ td_source_short(item.fuente, 'group-start', multi=not single_src) }}
      </tr>
      {% elif item.aviso %}
      <tr class="warning-row">
        <td class="num">{{ loop.index }}</td>
        <td class="group-start">{{ e.get('fecha_vesting', '') }}</td>
        <td>{{ e.get('fecha_venta', '') }}</td>
        <td class="num money group-start">{{ e.get('cantidad', '') }}</td>
        <td class="num money group-start">{{ e.get('coste_usd', '') }}</td>
        <td class="num money">{{ e.get('ingresos_usd', '') }}</td>
        <td class="num group-start">—</td>
        <td class="num">—</td>
        <td class="num group-start">—</td>
        <td class="num">—</td>
        <td class="num warning-text">{{ item.aviso }}</td>
        {{ td_source_short(item.fuente, 'group-start', multi=not single_src) }}
      </tr>
      {% else %}
      <tr>
        <td class="num">{{ loop.index }}</td>
        <td class="group-start">{{ e.get('fecha_vesting', '') }}</td>
        <td>{{ e.get('fecha_venta', '') }}</td>
        <td class="num money group-start">{{ e.get('cantidad', '') }}</td>
        <td class="num money group-start">{{ e.get('coste_usd', '') }}</td>
        <td class="num money">{{ e.get('ingresos_usd', '') }}</td>
        <td class="num group-start">{{ e.get('tipo_vesting', '') }}</td>
        <td class="num">{{ e.get('tipo_venta', '') }}</td>
        <td class="num money group-start">{{ e.get('ingresos_eur', '') }}{{ copy_btn_str(e.get('ingresos_eur', '')) }}</td>
        <td class="num money">{{ e.get('coste_eur', '') }}{{ copy_btn_str(e.get('coste_eur', '')) }}</td>
        {{ td_eur(item.importe_eur, color=True, sign=True, button=none) }}
        {{ td_source_short(item.fuente, 'group-start', multi=not single_src) }}
      </tr>
      {% endif %}
    {% endfor %}
    </tbody>
  </table>
</details>
{% endfor %}
{% else %}
{{ empty_state('No hay ventas de acciones en este ejercicio.') }}
{% endif %}