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

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

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>💱 Divisas</h2>
    <div>
        <form method="post" action="{% url 'cartera:actualizar' %}" class="d-inline">
            {% csrf_token %}
            <button type="submit" class="btn btn-outline-primary btn-sm me-1">🔄 Actualizar cambios</button>
        </form>
        <a href="{% url 'cartera:divisa_nueva' %}" class="btn btn-primary btn-sm">+ Nueva divisa</a>
    </div>
</div>

<p class="text-muted small">
    Cambio expresado en euros por 1 unidad de la divisa. Se actualiza automáticamente
    con el botón «Actualizar precios» de la cartera.
</p>

{% if divisas %}
<div class="card" style="max-width: 640px;">
    <table class="table table-hover mb-0">
        <thead class="table-light">
            <tr>
                <th>Código</th>
                <th>Nombre</th>
                <th class="text-end">Cambio a EUR</th>
                <th>Actualizado</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for d in divisas %}
            <tr>
                <td><strong>{{ d.codigo }}</strong></td>
                <td>{{ d.nombre }}</td>
                <td class="text-end">
                    {% if d.codigo == 'EUR' %}1,000000{% else %}{{ d.cambio_eur|floatformat:6 }}{% endif %}
                </td>
                <td class="text-muted small">{{ d.actualizado_en|date:"d/m/Y H:i"|default:"—" }}</td>
                <td class="text-end text-nowrap">
                    <a class="btn btn-outline-secondary btn-sm" href="{% url 'cartera:divisa_editar' d.pk %}">✏️</a>
                    {% if d.codigo != 'EUR' %}
                    <a class="btn btn-outline-danger btn-sm" href="{% url 'cartera:divisa_borrar' d.pk %}">🗑️</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<p class="text-muted">No hay divisas dadas de alta.</p>
{% endif %}
{% endblock %}