{% extends "cartera/base.html" %}

{% block title %}Valores - Bolsa{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>🏢 Valores</h2>
    <a href="{% url 'cartera:valor_nuevo' %}" class="btn btn-primary">+ Nuevo valor</a>
</div>

{% if valores %}
<div class="card">
    <table class="table table-hover mb-0">
        <thead class="table-light">
            <tr>
                <th>Ticker</th>
                <th>Nombre</th>
                <th>Divisa</th>
                <th>Mercado</th>
                <th>ISIN</th>
                <th class="text-end">Precio actual</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for v in valores %}
            <tr>
                <td><strong>{{ v.ticker }}</strong></td>
                <td>{{ v.nombre }}</td>
                <td><span class="badge bg-secondary">{{ v.divisa.codigo }}</span></td>
                <td>{{ v.mercado }}</td>
                <td>{{ v.isin }}</td>
                <td class="text-end">
                    {% if v.precio_actual %}{{ v.precio_actual|floatformat:4 }} {{ v.divisa.codigo }}{% else %}—{% endif %}
                </td>
                <td class="text-end text-nowrap">
                    <a class="btn btn-outline-secondary btn-sm" href="{% url 'cartera:valor_editar' v.pk %}">✏️</a>
                    <a class="btn btn-outline-danger btn-sm" href="{% url 'cartera:valor_borrar' v.pk %}">🗑️</a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<p class="text-muted">No hay valores dados de alta.</p>
{% endif %}
{% endblock %}